我目前正在學習沒有任何框架的javascript。你們如何重定向到另一個 html 檔案,然后為它動態分配一個腳本?
到目前為止,我所做的是:
onClick()
{
window.location = newpage.html;
var script = createElement('script');
script.src = dynamic 'script.js';
var body = document.findbyID('body');
body.appendChild(src);
}
動態腳本的示例之一如下所示:
function addText()
{
var text = createElement('p');
text.innerhtml = sometext;
var textHolder = findbyid('div_somewhere_in_html');
body.appendChild(text);
}
上面的代碼沒有顯示新網頁中的文本。window.location 命令有效。但是動態添加文本后,它不會顯示在新網頁中。如果我使用 console.log(window.location),它只會顯示我的 localhost:3000。
編輯:所有檔案都在本地托管。
uj5u.com熱心網友回復:
由于您擁有目標頁面,因此您可以加載(而不是推送)基于查詢字串引數的腳本。例如:
新頁面.html
<!DOCTYPE html>
<html>
<body>
<script>
const dynamic = new URL(location).searchParams.get('script-prefix');
const script = document.createElement('script');
script.src = dynamic 'script.js';
document.body.appendChild(script);
</script>
</body>
</html>
另一個頁面.html
單擊以下鏈接時,newpage.html將加載并執行一個名為MyPrefixscript.js.
<html>
<body>
<a href="/newpage.html?script-prefix=MyPrefix">My Link</a>
</body>
</html>
順便說一句,我使用了錨,但window.location = '/newpage.html?script-prefix=MyPrefix'也可以。
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/528218.html
下一篇:恢復日期時間格式,從短到長
