js设置页面元素属性后未加载，js设置页面元素属性后未加载

如何判断页面某个js没有被加载

楼主不用判断了，只要它加载完运行到你判断的地方时 就代表加载完了，加载不完他也运行不到你那 直接写你的代码就好，引入文件是按顺序加载的，这也是我们常把引入的Jquery文件丢在页面下方使他不影响页面显示内容的原因。

或者，把js代码写在html元素代码之后，此时元素是100%绝对已经加载完毕。或者，js代码写在window.onload 事件之中。

这是因为，如果script节点没有添加到DOM树中，那么在chrome和firefox中是不会响应script的load事件的。但是IE中却可以。

按F12 比如Chrome浏览器 点击network，如果网页全部加载完成会显示 调试框的最下面会显示DOMContentLoaded 12s. 后面跟多少秒。是加载整个网页使用的时间。

禁用浏览器js脚本功能，前后对比就知道了。

这段代码会在整个页面的document全部加载完成以后执行。这种方式不仅要求页面的DOM tree全部加载完成，而且要求所有的外部图片和资源全部加载完成。如果外部资源，例如图片需要很长时间来加载，那么这个js效果就会让用户感觉失效了。

相关问答

Q1: js向页面添加东西,没有添加完成显示加载中

1、等内容下载（例如JS文件）完后就自动替换为ID=A的内容；onload事件里面，if(document.readyState ！= complete)判断页面是否加载完成，未完成给张图片显示（用隐藏域事先准备或innerHTML），else完成时就隐藏了。

2、javascript：给img节点添加一个事件句柄onload，等到图片加载完了就会知道执行这个onload事件。

3、而加载是你网速的事。如下：js流 运行 运行 执行打开动作 运行 运行 可以看出来，并不会遇到你的open就暂停，而不老运行下面的程序。如果要实现暂停一会，你可以使用alert(ddddd)；此时程序将不运行下面的动作。

4、js中常用方法以及document.readyState 判断页面是否加载完成 complete和interactive 传回XML 文件资料的目前状况。

5、安装完Developer以后，从工具箱中拖一个ASPxLoadingPanel到页面中，设置必须的一个属性ClientInstanceName后面要用到，然后设置Modal的作用是点击按钮时时候需要抑制后面按钮的使用，也就是弹出来一个灰色的层。

6、这么说我也看不出来。这些表面现象看着都像是浏览器问题，怎么都要调试代码才行啊。贴个代码说不定就好了，onload函数挂在body上可能也跟body有点儿关系，IE对结构树挺挑剔的。

Q2: js函数为一个元素添加子元素,加载页面后元素显示不出来,但是,打开调试...

也可能跟兼容性有关系，试试下面写window.onload看看，解决不了就把你觉得不干扰这个效果的东西都删掉试着贴个简略的测试代码出来。。

首先创建html结构，如下图所示，一个input元素，一个按钮，一个空的ul列表。然后添加按钮点击事件，如下图所示，在按钮点击事件中获得input元素。通过value属性我们可以获得用户在input中输入的内容，如下图所示。

undefined 你应该先去文档上看看 这个的意思，一般变量定义了，变量所引用的对象没有找到（或是直接没有）就会报这个错误，建议 打断点调试一步一步看。

函数应当直接写在页面即可调用；确保有引用js文件，如果引用了的话，也是可以调用的。

Q3: javascript无法修改网页元素内容

1、先打开一个网页，然后在地址栏中输入以下代码，然后回车就行了。

2、JavaScript文件是从服务器加载过来的，这个文件是网站管理人员上传，是有权限的。你只能从网站代码中看到这些代码，但是不能修改，修改必须上传到服务器然后加载到本地才行，但是我们没有这个权限去修改服务器的JavaScript代码。

3、例如，你可以使用 JavaScript 在页面上添加、删除或修改 HTML 元素，更改元素的样式，设置或修改元素的内容，并且还可以通过使用浏览器提供的 Web Storage API 来保存数据。

4、使用innerHTML属性：通过获取元素的innerHTML属性，然后更改其中的文本内容来更新标签的内容。

Q4: js设置元素样式失效?

1、background是个复合属性，把if条件语句块后的body.style.background放到console后再试试。设置size后再设置background，size相当于又被设为初始值了。

2、其次，“style.background”默认返回颜色的rgb字符串值，黑色rgb值为“rgb(0，0，0)”，所以只能用这个值来判断。

3、具体原因不清楚，但是 @yugi111 的方法是可行的，就是在改变大小写的同时，改变那个 div 里面的内容。

4、这里不是失效，而是js执行时间很短的时候，浏览器还没有渲染HTML元素，js已经执行完了。

5、此行可省略 $(.nav a).eq(pageId).addClass(active)；})；当然，也可以根据当前页面的文件名或其他信息来决定让哪个菜单项为当前项。总之，你不要指望在当前页面去直接控制跳转后的页面样式。

Q5: js改变css属性无效

当前就不会出现渐变效果，而如果你弹出alert的时候把js中断了，然后先渲染一遍HTML了，等执行完js的时候再来渲染HTML就有了所谓的渐变效果。一般我们修改css都是在事件回调的时候处理的。

解决方法1；把.navlia：focus， .navlia：hover{background-color：none}去掉默认点击设置的颜色。或者直接修改 .navlia：focus， .navlia：hover{background-color：这里设置颜色}，不需要点击增加类。

具体原因不清楚，但是 @yugi111 的方法是可行的，就是在改变大小写的同时，改变那个 div 里面的内容。

js设置页面元素属性后未加载的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js设置页面元素属性后未加载、js设置页面元素属性后未加载的信息别忘了在本站进行查找喔。