js放在html页面中起作用，单独放到js页面调用就不起作用是设置错误造成的，解决方法为：
1、新建html文档。
2、准备好需要用到的图标。
3、书写hmtl代码。<center><a id="J_LinkBuy" class="buy-btn" href="#">立即购买</a></center>。
4、书写css代码。body { height: 3000pxmargin: 0padding: 0background: #E1FFEC}.buy-btn { display: blockwidth: 127pxheight: 36pxoutline: noneoverflow: hiddenmargin: 10px auto 0text-indent: -999pxbackground: url(../images/gm.png) 0 0}。
5、书写并添加js代码。
6、查看效果。
javascript是解释型语言，由上到下捉行分析，写在相关HTML标签之前的JS代码，如不是函数，则不能 *** 纵HTML！您可以把JS代码放到您所要 *** 纵的HTML标签之后，或者把JS代码设计成一个函数，以供HTML调用。
调用JS的方法有以下三种：
在你的要调用的html文件中，通过<script src=''></script>这个标签填写上正确你的JS文件路径就可以了，这里上代码：
调用test.js文件，显示提示。
<html>
<body>
调用test.js文件
<script language="JavaScript" src="test.js">
</script>
</body>
</html>
test.js的文件内容如下：
alert("这是被调用的语句。")
2.在html的内部中去调用写在html网页中就行：
<script>
alert('这是被调用的语句')
</script>
3.通过a等一些html标签来表示
<body>
<a href="javascript:alert('这是被调用的语句')">aaaaa</a>
</body>
你的js代码要想运行有效，必须满足两个条件：一、jQuery必须加载完毕；二、页面的DOM结构必须加载完毕。如果把代码放到head，那么这时候jQuery和你的代码几乎是同时加载的，当你的代码运行时，jQuery很可能尚未加载完毕，这样条件一就很可能不满足；其次，这时候HTML的body尚未加载，这样条件二也不满足，所以代码运行无效。如果把代码放到body中所有标签的最后面，当你的代码运行时，jQuery和DOM都肯定已加载完毕，所以是有效的。
其实把你的js代码放到head中也是可以的，但必须放到load事件函数中，即这样：
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$("div:contains('a')").css("text-decoration", "underline")
})
</script>
</head>
<body>
<div>abc</div>
<div>asdf</div>
<div>qwer</div>
<div>asdw</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）