页面上引用的js文件中函数不能执行的原因:找不到函数,会报错或undefined;语法错误;没有引用js文件等。
具体的解决方法:
1、函数应当直接写在页面即可调用;
2、确保有引用js文件,如果引用了的话,也是可以调用的。
引用方式,可以直接拖拽(因为路径准确),也可以自己写,引用脚本:<script src="Scripts/JScript.js" type="text/javascript"></script>
3、引用的js文件一定要在调用之前,否则就找不到函数了,会报错或undefined。
调用页面:
<script src="Scripts/JScript.js" type="text/javascript"></script><script type="text/javascript">
aa()
</script>
Script.js中代码:
function aa() {
alert("js文件掉用")
}
另外:在BS项目中,某个aspx页面需要引用外部:脚本文件,通过在页面head节<script language="" src="">方式引用指定的js之后,仍然无效。
通过alert方式调试,发现是由于js文件编码与js文件内容不符。由于js文件中包含中文注释,所以需要设置js文件为可识别中文的gb2312编码。其方法如下:
在.net中通过这种方式引用js文件
<script type="text/javascript" src="setday0.js"></script>
然后在页面中调用setday0.js文件中的方法往往会出错!但是如果把setday0.js文件的内容直接放到该页面中来又一点问题也没有。就在页面中重写js代码。
这个问题是由于.net中的text编码所引起的,需要把setday0.js文件保存为UTF-8或者其他Unicode编码方式,问题就迎刃而解。原来的文本编码为gb2312,因为其中有汉字。
如何进行编码转换?
1、用记事本打开,保存的时候选择Unicode编码;
2、直接在vs中选择另存为,保存按钮右边有个小箭头,点一下,然后选择编码方式再保存就ok。
javascript跟HTML语言一样,都是解释型语言,一般都是在画面加载时就会进行编译,边加载边编译。执行顺序跟画面的加载顺序是一致的。
刚开始学js的人,估计都会有跟你一样的疑惑,为什么明明代码写了,但是要么会出错,要么就不起作用? 其实答案很简单,就是因为你把正确的代码放到了错误的地方。 你可以测试一下,把你的script标签放到最后面(</body>结束标签后,或</html>结束标签后),这样你的代码肯定能够正确执行的。
你的代码像现在这样写之所以不起作用,比如第一段:
document.onLoad = function(){document.getElementById("ts").onclick = s
}
document对象应该是没有onload跟unload处理程序的,原则上这两个事件处理程序是属于window对象,尽管可以把这两个处理程序写在body标记里面。所以这段代码把document改为window,就可以正确注册事件了:
window.onLoad = function(){document.getElementById("ts").onclick = s
}
或者注册给document.body对象也可以,但是js代码的出现位置就需要注意了,必须要HTML的body开始标记出现以后再执行才会有作用,所以可以像下面这样,放到body的开始和结束标记之间:
<html><head></head>
<body >
<script type="text/javascript">
document.body.onload = function(){alert("ok")}
</script>
</body>
</html>
你放到body的结束标记后或放到html结束标记后都没问题,但是你要放到head标记里那就悲催了:
<html><head>
<script type="text/javascript">
document.body.onload = function(){alert("ok")}
</script>
</head>
<body > </body>
</html>
在执行到声明的那段js脚本代码的时候,画面的body部分实际上还没有开始画,所以document.body所获得的是一个null值,而并不是预期中的body对象,所以就会抛出空引用的异常来:
另外,你的这句代码直接给id为“ts的对象注册事件,也是一样的道理:
document.getElementById("ts").onclick = s你必须自己判断,保证在执行这段js脚本代码的时候,你画面上ID为”ts“的对象已经被画出来了,不然,通过getElementById方法取到的肯定是null值,有一种现在非常不提倡的写法,但是很方便去理解,就是直接把事件注册的代码放到对应的HTML标记后面,像下面这样:
<html><head>
<script type="text/javascript">
function s(){
alert("ok")
}
</script>
</head>
<body >
<div id="ts">测试div</div>
<script type="text/javascript">
//把事件注册直接写到对应的HTML标记后面,
document.getElementById("ts").onclick = s
</script>
</body>
</html>
这样也是可以正常执行的。之所以不提倡,是因为这样做,js代码跟HTML标记就完全混杂了,还不如直接在HTML标记里添加事件方法来的爽快呢!
也差不多了,有点超了好像,最后说下,最好的处理方式就是把调用代码,都放到window或body的onload事件里去,这样能保证在画面加载完成后才调用你的代码,就不会再出现像现在这样会让人觉得莫名其妙的问题了。
忘了一点,得补充一下,你现在代码有错,但是看不到错误提示,这个问题得解决一下:
第一种方式,是打开js的错误提示。
这个是针对IE内核的浏览器的。 如果你的IE版本在IE8或以下的话,应该能直接看到IE的菜单栏;如果是IE9或以上的版本的话,需要先按一下"Alt"键,调出菜单栏。
然后 在 菜单栏->工具->Internet选项,打开”Internet选项“窗口,然后,选择“高级”选项卡,在里面找到“显示每个脚本错误的通知”选项(我的是IE10,滚动条滚到最下面就看到了),把前面的勾打上就行:
打完 勾以后 ,再有代码错误,就会直接弹出错误信息来了。这种方式基本上新手都应该这么整,有错误就会及时反映出来,至少让你知道代码出错了,不会觉得莫名其妙。
第二种方式,是通过浏览器带有的“开发人员工具”进行调试,基本上IE8或以上版本的IE浏览器、Firfox浏览器、Chorme浏览器、Opera浏览器、Safri浏览器等,都自带有开发人员工具,当然咱国内的傲游浏览器(Maxthon)也有,其他的像百度、搜狗、猎豹之类的估计没有。
打开开发人员工具很简单,按“F12”键就行,当然你也可以自己到菜单栏的工具里去找找看。 开发人员工具里有一个”控制台“页签,你js脚本的错误都是显示到里面,还提供了对应的出错代码的链接,点连接就可以直接转到出错的代码。
下面给你抓个IE的图看看:
在来个Chorme浏览器的图:
真正开发的时候,你最好学会如何利用“开发人员工具”来调试你的js脚本,这个确实比较实用。。 好了,就这么多了,不再说了!