javascript标签的id属性

最新推荐文章于 2022-01-12 20:06:46 发布

最新推荐文章于 2022-01-12 20:06:46 发布 · 270 阅读

文章标签：

#javascript #ViewUI

js 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用HTML script标签ID属性实现脚本预加载的方法，并演示了如何通过设置延迟加载来优化页面加载速度。此外，还展示了如何获取script标签内的内容。

首先看一段源码(网上找的)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<title>script中的id</title>
<script id="click_script" type="text/javascript">
	function button_onclick(){ 
		document.getElementById("textarea").value=document.getElementById("click_script").innerHTML;
		alert( "helloworld!"); 
	} 
</script>
</head>
<body>
	<input type="button" value="helloworld" onclick="button_onclick()">
	<textarea rows="10" cols="80" id="textarea" name="textarea"> 
</textarea>
</body>
</htmL>

运行结果：此段是、程序在textarea中输出script中的内容

我的想法：可以利用script的id属性俩实现script的预加载效果

通过id延迟加载

<script type="text/javascript" src="" id="my"></script>   
<script>   
setTimeout("document.getElementById('my').src='http://localhost:8080/test/b.js'; ",3000);//延时3秒   
</script>
//b.js
alert("aa");

待续...