js代码看不懂

JavaScript023

js代码看不懂,第1张

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

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

<div id="parentdiv">

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

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

</div>

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

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

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

a标签链接跳转,href属性配置的就是跳转地址。给href属性设置为'javascript:',可以理解为什么js代码都不执行,因为'javascript:'后边什么都没有,没得代码可执行。可以类比在浏览器地址栏输入'javascript:alert(1)'浏览器会执行'alert(1)'代码一样。

除此外还有一个阻止a的方法是,href配置为'javascript:void(0)',类似于执行一个没有返回值的空函数。

你好,形如"&#xhhhh"的一串字符是 HTML、XML 等 SGML 类语言的转义序列(escape sequence)。它们不是「编码」,数字取值为目标字符的 Unicode code point;以「&#」开头的后接十进制数字,以「&#x」开头的后接十六进制数字。

解码方法如下:

将下面的代码复制出来保存成html格式,使用浏览器打开就可以使用了。

<html>

<head>

<title>GB2312 UNICODE转换工具</title>

<div align=center>

<center>

<table border=0 cellpadding=0 cellspacing=0 style="border-collapse: collapse" width=600 id=AutoNumber1 height=26>

  <tr>

    <td width=100% height=26>

    <p align=center><font face=黑体 size=5 color=#FF0000>GB2312 UNICODE 转换工具</font></p>

    <p>使用方法:</p>

    <p>在下面的文本框中输入中文文字,按“TO UNICODE”,即可将其转化为UNICODE字符。</p>

    <p>再按“TO GB2312”,即可将其还原为简体中文。</td>

  </tr>

</table>

</center>

</div>

<p align=center>

<textarea cols=82 rows=10 id=code>

</textarea> </p>

<p align=center>

<input type=button onclick=encode(code,this) value="TO UNICODE">

<script>

var mode="zhuan"

function encode(obj,btn){

   if(mode=="zhuan"){

       obj.value=obj.value.replace(/[^\u0000-\u00FF]/g,function($0){return escape($0).replace(/(%u)(\w{4})/gi,"&#x$2")})

       btn.value="TO GB2312"

       mode="huan"

   }else{

       obj.value=unescape(obj.value.replace(/&#x/g,'%u').replace(//g,''))

       btn.value="TO UNICODE"

       mode="zhuan"

   }

}

</script></p>

</body></html>

要改成自己的内容的话直接写明文就可以了,不用这种方式!望采纳,谢谢!