怎么查看网页打开时调用了哪些js

JavaScript0152

怎么查看网页打开时调用了哪些js,第1张

想看网页调用了哪些js的话你就在你想看的页面,右键——查看网页源代码,然后你会看到一堆字母,在里面找用“大于号,小于号”括起来的,中间写着script字样的成对的,这个叫标签,中间的都是这个页面加载的js。

以火狐浏览器为例,只用firehug插件,就能查看到当前页面所有js的调用情况。

1、点击虫子的图标(前提是你已经安装插件,插件在火狐应用商店里。)点击之后就会出来一个单独的控制台。

如图:

2、选择js列表,该列表是当前页面所有引入的js。选择需要断点的js.(如果不知道具体是运行哪个js,那就只能去分析页面。)

3、选择js后,如果代码太乱,点击“{}”按钮,就能让代码格式化。如图所示,格式化后代码是不是看起来整齐多了。

4、单击左边的空白处,设置断点。然后刷新网页,控制台自动运行至断点处。如图1为你设置的断点处,2是当前js代码运行所在的行数。3是为步进(快捷方式为F11,意思是你按一下F11,js代码就会往下执行一行,三角按钮是运行完所有的js代码)。

5、鼠标放在所执行的js代码处,就能查看到获取的属性值。例如步进至“f=window”代码处,鼠标放在“window”处,就会提示“window”获取的值为“21073282”,如下图所示。

其它的浏览器和火狐的大同小异,只是展现方式不同。

html调用js函数,有多种方法:\x0d\x0a\x0d\x0a1、可以用控件本身进行;\x0d\x0a 如 \x0d\x0a2、通过javascript 中 的 时间控件 定时执行;\x0d\x0a\x0d\x0a3、getElementById,实际上得到一个网页中的对象(元素),通过ID检索。\x0d\x0a\x0d\x0a \x0d\x0adocument.getElementById("guest")语句到\x0d\x0a\x0d\x0adocument.getElementById("guest").value="dddddd"\x0d\x0a将 中进行赋值"dddddd";\x0d\x0a\x0d\x0a4、document.getElementsByName\x0d\x0adocument.getElementsByTagName\x0d\x0adocument.getElementsByTagNameNS\x0d\x0a\x0d\x0a 也是检索网页中的元素,只不过是通过不同的检索方式,检索方式分别为name,TagName等。

操作步骤:

1、打开Dreamweaver软件,然后在创建新项目下选择HTML;

2、点击“文件”选项,然后点击“另存为”,将文件命名为test,并将其保存在电脑桌面上;

3、编写一个基本的html文件,该html文件包含一个用户名及一个密码输入文本框和一个确定以及一个取消按钮;

4、在title标签下插入<script language="JavaScript">js代码</script>,然后在html中调用js函数;

5、完成js代码编写及html调用js代码后保存tset.html文件,然后在浏览器中打开test.html文件,检查js代码执行的效果;

6、在Dreamweaver软件中新建一个check.js文件(方法同html文件新建),在check文件中输入校验函数;

7、然后在test.html的title标签下引用check.js文件;

8、在程序中引用check.js文件中的js函数,然后在浏览器中刷新test.hmtl文件,然后在username的输入框中输入非法字符来检验js代码。