html前端如何转义特殊字符,html、javascript、url特殊字符的转义诠释及使用方法详解...

html、javascript、url特殊字符转义在实际编程中都是有用到的，有的人对特殊字符转义的使用不是很清楚，下面就对html，javascript，url特殊字符的转义做一下说明和归纳。

html特殊字符转义

html特殊字符转义的格式规定：

& + 实体(Entity)或#加上实体(Entity) + “;”

例如：& 转义后变成了 & amp;

还记得刚学习html那会，做网页布局，需要用到很多空格，于是就不停地按空格来影响布局，可是看到效果却一点没有变化。原因是html遇到两个字符之间有多个空格时，会被解析成一个空格。有同学就指点，把空格换成& nbsp;，于是复制了大量的& nbsp;，效果是实现啦，想想当初对html是多么的单纯。

下面是常用的html转义符：

字符

说明

转义字符

双引号

&符号

小于

大于

不断行的空白格

单引号

版权

已注册商标

javascrpt转义符

下面列出javascript中常用的转义字符

转义序列

字符

退格

走纸换页

换行

回车

横向跳格

单引号

双引号

反斜杠

注：关于换行(\n)与回车的区别(\r)

这个东西的说法来自打字机,以前的打字机要新起一行的时候有两步:

1.打字的机头回到开始位置,这就是回车

2.纸张往上推进一行,这就是换行

Url特殊字符转义

在你以get方式提交表单时，浏览器会根据http协议把Url参数以&符号解析配对，然后传到服务器，服务器得到相应的值。如果&符用法不合理，经过http协议解析，服务器就得不到相应的值。

例如：

http://jahan.sinaapp.com/test.php?content=我和你 //content=我和你

http://jahan.sinaapp.com/test.php?content=i&you //content=i, you='';

这样就违背了我们的意图，我们想得到的内容是i&you，所以掌握和理解Url转义是必要的。

url特殊字符编码公式:

url特殊字符编码公式 = % + 字符的ASCII(16进制)码值

例如：空格的编码值是”%20“。

下表中列出了一些URL特殊符号及编码

特殊字符

说明

16进制值

URL 中+号表示空格

%2B

空格

URL中的空格可以用+号或者编码

%20

%2F

分隔实际的URL和参数

%3F

指定特殊字符

%25

表示书签

%23

URL中指定的参数间的分隔符

%26

URL中指定参数的值

%3D

以上就是对html、javascript、url特殊字符转义或编码的总结概括，总结以后，自己也恍然大悟，原来以前出现种种的问题是因为这个或者为什么会那样处理，希望对你们、对我自己有所帮助。

html前端如何转义特殊字符,html、javascript、url特殊字符的转义诠释及使用方法详解...相关推荐

url充定向 html转义,html、javascript、url特殊字符的转义诠释及使用方法详解
html.javascript.url特殊字符转义在实际编程中都是有用到的,有的人对特殊字符转义的使用不是很清楚,下面就对html,javascript,url特殊字符的转义做一下说明和归纳. htm ...
JS 字符串编码函数（解决URL特殊字符传递问题）：escape()、encodeURI()、encodeURIComponent()区别详解
JS 字符串编码函数(解决URL特殊字符传递问题):escape().encodeURI().encodeURIComponent()区别详解参考文章: (1)JS 字符串编码函数(解决URL特殊字 ...
3种Javascript图片预加载的方法详解
3种Javascript图片预加载的方法详解预加载图片是提高用户体验的一个很好方法.图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度. 这对图片画廊及图片占据很大比例 ...
【前端用法】$.ajax()方法详解，以及$.ajax()标准写法
使用JQuery中的异步请求$.ajax()方法,经常记不全参数,所以在这里记录一下,方便后续使用. 首先看一个标准的写法: $(document).ready(function () {$.ajax ...
在HTML文档中使用JavaScript的方法详解
在HTML文档中使用JavaScript的方法详解本文详细介绍,在HTML文档(也称为HTML页面或网页)中使用JavaScript脚本代码的多种方法. 假设要用JS生成字符☆直角三角形实现Jav ...
javascript写css样式,原生javascript实现读写CSS样式的方法详解
原生javascript实现读写CSS样式的方法详解发布于 2017-05-24 15:05:31 | 120 次阅读 | 评论: 0 | 来源: 网友投递 JavaScript客户端脚本语言Jav ...
JavaScript中getBoundingClientRect()方法详解
JavaScript中getBoundingClientRect()方法详解 getBoundingClientRect() 这个方法返回一个矩形对象,包含四个属性:left.top.right和bo ...
php中this的使用技巧,JavaScript中this关键字使用方法详解
JavaScript中this关键字使用方法详解在面向对象编程语言中,对于this关键字我们是非常熟悉的.比如C++.C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了 ...
java调用javascript函数_[Java教程]JavaScript函数的4种调用方法详解
[Java教程]JavaScript函数的4种调用方法详解 0 2016-08-09 00:00:12 在JavaScript中,函数是一等公民,函数在JavaScript中是一个数据类型,而非像C# ...

html前端如何转义特殊字符,html、javascript、url特殊字符的转义诠释及使用方法详解...

html前端如何转义特殊字符,html、javascript、url特殊字符的转义诠释及使用方法详解...相关推荐

最新文章

热门文章