js页面加载时执行函数（js页面加载时执行函数怎么设置）

1. JS:window.onload的使用介绍
2. JS页面加载触发事件document.ready和onload的区别
3. 如何用浏览器控制台执行代码

JS:window.onload的使用介绍

window.onload加载事件在页面内容加载完成之后立即执行相应的函数。

window.onload使用方法：

1）window.onload=function(){

var tr=obj.parentNode.parentNode;

tr.parentNode.removeChild(tr);

}

2）function func(){

var tr=obj.parentNode.parentNode;

tr.parentNode.removeChild(tr);

}

JS页面加载触发事件document.ready和onload的区别

1.document.ready是jquery提供的，正确的写法如下：$(document).ready(function(){ // ......});因为这么些比较麻烦，所以一般使用简写的方式，如下：$(function(){ // ....})

;2.关于document.ready与onload的相同点：都是在页面加载完成后执行方法体中的代码；

不同点：document.ready可以绑定多个函数，js根据定义的顺序，依次执行各个方法体，onload不能定义多个，后面定义的会覆盖前面定义的，所以只会执行最后定义的方法。$(function(){ // 方法体1，页面加在后执行})

;$(function(){ // 方法体2，方法体1执行后执行})

;window.onload = function(){ // onload方法1}

;window.onload = function(){ // onload方法2，页面加载完成后执行，不会执行onload方法1 }

如何用浏览器控制台执行代码

1、首先使用Firefox火狐浏览器打开需要调试页面，也可以在开发工具设置火狐浏览器来打开。

2、在打开的Firefox浏览器中按F12键，接着就会打开“开发者工具”了。

3、此时选择“调试器”选项，然后选择需要调试的JS文件，接着就可以在需要调试的位置加入断点进行调试。

4、按F11或者F10单步调试JS，这里F11和F10的区别是F11调试，单步执行进入调用的其它函数；而F10调试单步执行，是不进入调用的其它函数的。当然也可以单机页面上相应的按钮进行调试。以上就是用Firefox调试网页的过程。

1、要创建一个片段，首先f12打开开发者工具，再打开Sources面板中，单击上Snippets选项卡，在导航器中单击鼠标右键，然后选择New。

2、在编辑器中输入代码。当你有未保存的更改，您的脚本名称旁边有“＊”，像下面的截图。按Command+S（Mac）或Ctrl+S（Windows和Linux），以保存更改。

3、有三种方式来运行你的代码片段：在片段文件名（在左侧窗格中列出了所有的片段）右键单击并选择“RUN”、点击运行按钮（▶）、按Command+Enter（Mac）或Ctrl+Enter（Windows和Linux）。

到此，以上就是小编对于js页面加载时执行函数怎么设置的问题就介绍到这了，希望介绍的3点解答对大家有用，有任何问题和不懂的，欢迎各位老师在评论区讨论，给我留言。