如何查看网页的JS代码

JavaScript010

如何查看网页的JS代码,第1张

浏览器查看。

用Chrome、火狐等(其它浏览器操作类同),打开浏览器后,按F12。或者打开开发者工具,可以查看相应的html、css、js等内容。

效果图如下(查看源码)

如果你要只截取 某部分JS输出的代码可以<br>把它们写在一个HTML容器内如:<br><div id="test"></div><br>alert(document.getElementById("test").innerHTML)<br>来输出(可以不用alert,用其他输出函数也行)<br><br>或者可以不包括在指定容器内,输出全部代码,JS运行完毕后通过<br>alert(document.body.innerHTML)<br>来输出全部代码,再慢慢分析,这种方法比较好.

你好,首先你要清楚上面代码中addEventListener是给一个元素绑定了一个鼠标移入事件。

而这里需要理解一个问题就是【事件冒泡】,正常情况下,任一一个子元素触发事件都会冒泡到父元素上,这时我们如果想知道真正触发事件的是哪个元素,就可以通过 e.target 来确定。例:parentdiv有p和span两个子元素,结构如下:

<div id="parentdiv">

    <p>我是P标签</p>

    <span>我是span标签</span>

</div>

基于以上结构,当鼠标移到p标签上时,e.target得到的就是p标签这个元素,移到span上同理。

至于showTooltip方法,从上面的代码来看就是一个简单的函数调用,传入了四个参数而已。具体功能没有showTooltip的函数体,看不出是做什么的,不过从命名可以猜测,就是在当前触发事件的元素旁边显示一个工具提示标签,显示一些提示信息。

希望能对你有帮助,如有其它疑问,欢迎追尾,望采纳~~