JavaScript之创建动态脚本

最新推荐文章于 2022-07-21 15:45:57 发布

weixin_30849403

最新推荐文章于 2022-07-21 15:45:57 发布

阅读量165

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/johnnyzen/p/7898162.html

本文介绍了两种创建JavaScript动态脚本的方法：一是通过src属性引入外部脚本文件；二是直接在script标签内写入JavaScript代码。并通过一个具体示例展示了如何使用这两种方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//option= {type,src,text,isCreateScriptBySrc}
function createDynamicScript(option){
	var script = document.createElement("script");
	script.type = "text/javascript";
	// console.log("option.isCreateScriptBySrc:", option.isCreateScriptBySrc);
	try{
		if((option.isCreateScriptBySrc == undefined) || (!!(option.isCreateScriptBySrc) == true)){
			script.src = option.src;		
		} else {
			script.text = option.text;
		}
		document.body.appendChild(script);
	}catch(error){
		console.error("#dynamicScript: load script failed!");	
	}
}

demo:

var option = {
	"type":"text/javascript",
	"src":"https://ss0.bdstatic.com/-0U0bnSm1A5BphGlnYG/tam-ogel/5d4e9b24-dcc5-483a-b6da-be1e9e621891.js",
	"text":"function log(){ console.log(\"created log()\"); }; log();",
	"isCreateScriptBySrc":true//优先选择src作为创建脚本的数据来源
}

//execute 
createDynamicScript(option);
option.isCreateScriptBySrc = false;
createDynamicScript(option);

小结：

创建JavaScript动态脚本的方式有两种：

　　1.通过src引入外部脚本

　　2.通过JavaScript元素本身内置代码

转载于:https://www.cnblogs.com/johnnyzen/p/7898162.html