zoukankan      html  css  js  c++  java
  • js脚本语言在页面上不执行

    转换原理:// 编码原理就是创建TextNode节点,附加到容器中,再取容器的innerHTML.(将脚本编码)
    // 解码原理是将字符串赋給容器的innerHTML,再取innerText或textContent(过滤掉js脚本).

    1. 对特殊字符进行转义成html脚本符号

    ///将字符串进行编码,将特殊字符转变为html语言
    function htmlencode(s) {
      var div = document.createElement('div');
      div.appendChild(document.createTextNode(s));
      return div.innerHTML;
    }

    2.对js中脚本语言进行过滤,界面上直接过滤掉<script>等脚本符号

    ///过滤脚本语言(js中的脚本,特别是(<acript>类似))
    function htmldecode(s) {
      var div = document.createElement('div');
      div.innerHTML = s;
      return div.innerText || div.textContent;
    }

    3.对js中脚本语言显示到html中,但是不执行(alert(1)就不执行)

    ///将脚本语言格式化,不执行(类似alert(1)直接在界面显示,而不执行)
    function htmldecode(s) {
      var div = document.createElement('div');
      div.innerHTML = s;
      return div.innerHTML;
    }

  • 相关阅读:
    HTML5 表单自学记录
    HTML5表单
    HTML不常用的表单属性-fieldset
    HTML5-Y音频与视频
    解决HTML5标签兼容的办法搜集
    HTML5标签的兼容处理
    HTML5-语义化标签
    JS自学大全
    HTML5增强的表单
    照片格式的区别
  • 原文地址:https://www.cnblogs.com/GerryOfZhong/p/5219605.html
Copyright © 2011-2022 走看看