本文目录一览:
- 1、小白求教,js写在什么位置,可以使js先于html代码加载?避免js还没加载完,就进行某些操作出错
- 2、jquery文件加载出错问题,js调用问题
- 3、jsquery给页面设置了样式 但是页面刚进来的时候 js文件没被加载 刷新之后样式才有
- 4、html页面加载JS文件经常错误
- 5、微信 css和js全部加载失败,没有显示任何样式
小白求教,js写在什么位置,可以使js先于html代码加载?避免js还没加载完,就进行某些操作出错
写在什么位置不重要,关键是开始执行js代码时,其所操作的对象要加载完成,因此要避免你所说的问题,把执行代码放到body 的onload事件是比较可靠的。定义的函数可放在head区加载。
jquery文件加载出错问题,js调用问题
1、确定引用的js文件的路径名称是否正确、文件是否存在
script type="javascript" src="js/jquery-1.8.3.min.js"/script
2、将js代码放在head标签中,代码会先被执行
3、保证非定义命名函数以外的jQuery代码都在文档就绪函数中编写,避免出现找不到资源
script type="text/javascript"
$().ready(function(){
alert("welcome to the ping pong battle.");
});
/script
jsquery给页面设置了样式 但是页面刚进来的时候 js文件没被加载 刷新之后样式才有
很简单,给它设置一进来就加载,
原生js写法:
window.onload = function(){
把你写的代码放进来这里。
}
jq写法:
$(function(){
把你写的代码放进来这里。
})
这样就不用刷新才有了
html页面加载JS文件经常错误
三种异步执行加载Js 脚本的方法。
1、直接document.write;
script language="javascript"
document.write("script src='test.js'\/script");
/script
2、动态改变已有script的src 属性;
script src='' id="s1"/script
script language="javascript"
s1.src="test.js"
/script
3、动态创建 script元素;
script
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="test.js";
oHead.appendChild( oScript);
/script
注 :
这三种方法都是异步的,所以在采用这类方法动态加载Js 的同时,主界面的Js脚本是继续执行的,所以可能出现通过异步加载的Js代码得不到预期的效果的情况。这时候可以考虑采用Ajax加载Js的方法。
大概原理 :用XMLHTTP取得要脚本的内容,再创建 Script 对象。另外注意编码的保持一致。因为服务器与XML使用UTF8编码传送数据。
微信 css和js全部加载失败,没有显示任何样式
function dynamicLoad(){ var doc = document.getElementsByTagName('head') ; var script = document.createElement('script'); script.setAttribute('type','text/javascript'); script.setAttribute('src','assets/jquery-1.8.3.min.js'); doc.appendChild(script); script.onload = script.onreadystatechange = function(){ console.log(this.readyState) if(!this.readyState||this.readyState=='loaded'||this.readyState=='complete') script.onload = script.onreadystatechange = null; } }