javascript 利用onload 实现 js与html 彻底分离

最新推荐文章于 2021-12-21 16:02:01 发布

公众号：码农富哥

最新推荐文章于 2021-12-21 16:02:01 发布

阅读量4.3k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/a519640026/article/details/8649885

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<script src="test.js"></script>
<body>

<script>
	function show(){
		var dobj = document.getElementById("one")
		alert(dobj.textContent)
	}

	//var dobj = document.getElementById("one")
		//alert(dobj.textContent) //直接来的找的话 找不到 至上而下 找不到

</script>

<div id="one">

	adfa
</div>

test.js文件的内容

onload = function (){  //window.onload window 可以省略     
	var dobj = document.getElementById("one")
	alert(dobj.textContent)


	dobj.οnclick=function (){
		alert('asdf')
	}

	dobj.onmouseover = function (){              //可以在这里写平时 HTML 所需要写的任何东西  实现分离
		this.style.backgroundColor='red'
	}
}

onload 是在整个文档都加载完才触发执行的事件

所以把onload 这个方法写到一个JS 文件里面就是所有的内容都加载完了

所以此时在js 文件里面怎么找对象找哪个对象都可以因为都已经加载完没有至上而下的关系了

<body οnlοad="test()"> 然后把test()的内容写到JS 文件也可以

还有一点就是 test.JS 不用写<script></script>

公众号：码农富哥

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript 利用onload 实现 js与html 彻底分离

function show(){ var dobj = document.getElementById("one") alert(dobj.textContent) } //var dobj = document.getElementById("one") //alert(dobj.textContent) //直接来的找的话找不到至上而下找不到 adfa
复制链接

扫一扫