博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js脚本语言在页面上不执行
阅读量:5271 次
发布时间:2019-06-14

本文共 762 字,大约阅读时间需要 2 分钟。

转换原理:// 编码原理就是创建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;
}

转载于:https://www.cnblogs.com/GerryOfZhong/p/5219605.html

你可能感兴趣的文章
WordPress修改标签云大小及颜色
查看>>
关于网络请求下来数据的进一步处理问题-封装篇
查看>>
读取16进制文件和校验图片格式的问题。 文件名后缀
查看>>
Cygwin、Msys、MinGW、Msys2的区别与联系(转)
查看>>
eclipse调试过程中插入代码执行
查看>>
微软CRM 2011 新功能之四:审核
查看>>
关闭vue的eslint代码检测和WebStorm的代码检测
查看>>
获取项目路径
查看>>
USACO 3.1
查看>>
jmeter解决中文乱码
查看>>
VS 2010 快捷键
查看>>
我又回来啦
查看>>
In-App Purchase(iap)快速指南
查看>>
记一次synchronized锁字符串引发的坑兼再谈Java字符串
查看>>
YYModel 源码解读(二)之NSObject+YYModel.h (4)
查看>>
cocos2d制作动态光晕效果基础——blendFunc
查看>>
升级微服务架构4:断路器
查看>>
点击按钮,通过JS代码实现复制INPUT表单,表格:
查看>>
Java基础--ThreadLocal
查看>>
Php魔术方法(http://www.cnblogs.com/xiaochaohuashengmi/archive/2011/09/22/2185034.html)
查看>>