我有一个网页,上面有一个按钮
按下按钮,我打算在页面的head
部分嵌入一个脚本以启用插件。我可以手动插入代码片段和我的插件,但我希望能够在按钮单击时自动将其作为我的用户的可选元素。
这是怎么回事?
根据@padde
的查询,脚本看起来像我在标题中包含的方式如下:
<script type="text/javascript" src="http://code.abc.com/farfalla.js"></script>
<script type="text/javascript" src="http://code.abc.com/postmessage.js"></script>
答案 0 :(得分:0)
通常,您只需将脚本放在<head>
标记内。然后,从包含的脚本中提取初始化代码,并在单击按钮时运行它。
修改强>
你也可以试试这个:
HTML
<button id="share-button">Share this</button>
的JavaScript
dynamicCode = 'alert("script loaded");'
scriptLoaded = false;
buttonClicked = function(e) {
if( !scriptLoaded ) {
var script = document.createElement('script');
script.text = dynamicCode;
document.getElementsByTagName('head')[0].appendChild(script);
scriptLoaded = true;
}
alert("thanks for sharing");
};
button = document.getElementById('share-button');
button.onclick=buttonClicked;
您可以使用Ajax调用或任何您喜欢的方式加载dynamicCode
。代码只加载一次。我为你准备了jsfiddle,所以你可以尝试一下。
答案 1 :(得分:0)
使用javascript的createElement()并将其添加到DOM
请查看以下链接以获取更多信息:http://www.hunlock.com/blogs/Howto_Dynamically_Insert_Javascript_And_CSS
如果您使用的是jquery,则可以使用$ .getScript加载外部js文件。
$.getScript('filename.js',function(){
//your code ...
});