有什麼方法可以使用該URL來指定HTML5中的iframe目標？

我正在個人網站上工作，並且該網站使用來顯示其大部分內容。您通過將的目標更改爲特定的.html來導航網站。有什麼方法可以使用該URL來指定HTML5中的iframe目標？

這裏的導航是如何工作的一個例子：

<ul> 
    <li><a>onclick="document.getElementById('iframe1').src='home.html'>Home</a></li> 
    <li><a>onclick="document.getElementById('iframe1').src='prjcts.html'>Projects</a></li> 
</ul> 

<iframe src="home.html" id="iframe1"></iframe>

，我已經遇到的是，由於大多數事情都是在，我不能直接鏈接到任何具體內容的內部問題。

如果我想向某人展示Projects頁面，我只能鏈接「www.example.com/」並告訴他們自己導航，而不是簡單地鏈接「www.example.com/projects」。

我的理論是，你可以像做：
「www.example.com＃項目」使用的ID或東西，但因爲我是相當新的HTML5，我可能是完全錯誤的。我不知道如何使它工作，我似乎無法找到任何人解釋它。

有什麼方法可以使用URL來指定目標，如果有，如何？

來源

2015-01-16 xprs

這是設計和開發一個網站一個不起眼的方式，是使用這種iframe技術的特別原因是什麼？如果你是這個想法的話，那麼你不能將某人鏈接到'www.example.com/projects'頁面，並且讓你的javascript檢查url，如果在'/'之後不是null，那麼加載該特定的iframe中的頁面。 – MannfromReno

@MannfromReno我選擇iframe技術的原因有兩個：一是節省帶寬，因爲我的背景圖片比較大，其次是因爲我給網頁設計老師留下了印象。正如我所說，我對此很新，並感謝您的建議。我將如何去使用Javascript來檢查URL並重定向用戶？ – xprs

你會想要檢查url，然後使用url設置你的iframe的src：這只是你如何做到的一個例子，你應該使用可能的URL數組。有很多方法可以實現這一點。

HTML：

<div id="wrapper"> 
    <iframe id="myIframe" src="http://example.com/"></iframe> 
</div>

的JavaScript（這裏使用jQuery）：

$(document).ready(function() { 
    var myPath = window.location.pathname; // returns something like /projects.html 
    if (myPath == "/projects.html") { 
     $('#myIframe').src = "http://www.example.com/projects.html"; // sets the src of your iframe 
    } 
});

請參閱這篇文章的回答是：dynamically set iframe src

來源

2015-01-17 19:59:12 MannfromReno

有什麼方法可以使用該URL來指定HTML5中的iframe目標？

回答

相關問題