在web项目中在哪写js的代码?

JavaScript013

在web项目中在哪写js的代码?,第1张

分两种。一种是直接在页面上面去写js,一种是单独新建一个js文件里面放js代码。然后页面引入这个js文件,以调用js文件中写的js代码。下面是示例:

<html>

<head>

<script type="text/javascript" src="basics_systemJQuery.js"></script>//这样引入js文件

<script type="text/javascript">

//在这里写js的代码。

function te(){

alert("这是一个function")

}

</script>

</head>

<body>

<button id="run" onclick="te()">按钮</button>

</body>

</html>

当DIV隐藏的时候onmouseover的鼠标事件也就响应不到了,所以需要借助额外的DIV层来辅助一下,废话不说,直接上代码:

<BODY>adsdasf

<div id="test" style="background-color: redwidth: 200pxheight: 100pxvisibility:visiblez-index:1" onMouseout="this.style.visibility='hidden'this.style.zIndex=-1document.getElementById('testAssist').style.zIndex=1">测试内容</div>

<div id="testAssist" style="position:relativewidth: 200pxheight: 100pxleft:0pxtop:-100pxz-index:-1" onMouseover= "document.getElementById('test').style.visibility='visible'this.style.zIndex=-1document.getElementById('test').style.zIndex=1"></div>

</BODY>