`
gudao8192
  • 浏览: 95320 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

JS中的一些小东西

JavaScriptHTMLXHTML 
阅读更多

javascript中存在几种对URL字符串进行编码的方法

javascript中存在几种对URL字符串进行编码的方法：escape()，encodeURI()，以及encodeURIComponent()。这几种编码所起的作用各不相同。
escape() 方法：

采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。

不会被此方法编码的字符： @ * / +

encodeURI() 方法：

把URI字符串采用UTF-8编码格式转化成escape格式的字符串。

不会被此方法编码的字符：! @ # $& * ( ) = : / ; ? + '

encodeURIComponent() 方法：

把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比，这个方法将对更多的字符进行编码，比如 / 等字符。所以如果字符串里面包含了URI的几个部分的话，不能用这个方法来进行编码，否则 / 字符被编码之后URL将显示错误。

不会被此方法编码的字符：! * ( ) '

因此，对于中文字符串来说，如果不希望把字符串编码格式转化成UTF-8格式的（比如原页面和目标页面的charset是一致的时候），只需要使用escape。如果你的页面是GB2312或者其他的编码，而接受参数的页面是UTF-8编码的，就要采用encodeURI或者encodeURIComponent。

另外，encodeURI/encodeURIComponent是在javascript1.5之后引进的，escape则在javascript1.0版本就有。

javascript中document.all和document.getElementBy**示例：

document.all：

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Document.AllExample</title>
<metahttp-equiv="content-type"content="text/html;charset=ISO-8859-1"/>
</head>
<body>
<h1>ExampleHeading</h1>
<hr/>
<p>Thisisa<em>paragraph</em>.Itisonlya<em>paragraph.</em></p>
<p>Yetanother<em>paragraph.</em></p>
<p>Thisfinal<em>paragraph</em>has<emid="special">specialemphasis.</em></p>
<hr/>
<scripttype="text/javascript">...
<!--
vari,origLength;
origLength=document.all.length;
document.write('document.all.length='+origLength+"<br/>");
for(i=0;i<origLength;i++)
...{
document.write("document.all["+i+"]="+document.all[i].tagName+"<br/>");
}
//-->
</script>
</body>
</html>

document.getElementBy**

<html>
<head>
<title>插入</title>
</head>
<scripttype="text/javascript">...
functiongetValue()
...{
varx=document.getElementById("myHeader")
alert(x.innerHTML)
}
functiongetElements()
...{
varx=document.getElementsByName("sex");
alert(x.length);
}

functiongetTagElements()
...{
varx=document.getElementsByTagName("input");
alert(x.length);
}

</script>
<body>
<formname="Input">
<tablealign="center"width="50%"height="50%"border="1">
<tr>
<tdalign="center"width="45%">
学号
</td>
<tdalign="center"width="55%">
<inputtype="text"id=useridname="user"onblur="validate();">
<divid=usermsg></div>
</td>
</tr>
<tr>
<tdalign="center"width="45%">
姓名
</td>
<tdalign="center">
<inputtype="text"name="name">
</td>
</tr>
<tr>
<tdalign="center"width="%45">
性别
</td>
<tdalign="center">
<inputtype="radio"name="sex"value="男">
男
<inputtype="radio"name="sex"value="女">
女
</td>
</tr>
<tr>
<tdalign="center"width="45%">
年龄
</td>
<tdalign="center"width="55%">
<inputtype="text"name="age">
</td>
</tr>
<tr>
<tdalign="center"width="45%">
籍贯
</td>
<tdalign="center"width="55%">
<inputtype="text"name="addr">
</td>
</tr>

</table>
</form>
<h1id="myHeader"onclick="getValue()">
Thisisaheader
</h1>
<p>
Clickontheheadertoalertitsvalue
</p>
<inputtype="button"onclick="getElements()"
value="Howmanyelementsnamed'sex'?"/>
<Br>
<inputtype="button"onclick="getTagElements()"
value="Howmanytagsnamed'input'?"/>

</body>
</html>

分享到：
| 回学校
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js写财神爷接元宝小游戏

    **JavaScript实现财神爷接元宝小游戏详解** 财神爷接元宝小游戏是一款利用JavaScript语言开发的简单互动游戏，适合初学者入门学习。在这个游戏中，玩家需要控制财神爷接住不断下落的元宝，以获得分数。游戏的核心...

    类似接红包小游戏-canvas、js.zip

    在本项目中，"类似接红包小游戏-canvas、js.zip" 是一个包含使用HTML、JavaScript和Canvas技术开发的简易红包接取游戏的压缩文件。这个小游戏的目的是模拟真实的红包雨场景，用户通过点击屏幕来接取下落的红包，体验...

    自己写的一些东西，包含java工具类，js插件类，小游戏等等 .zip

    标题中的“自己写的一些东西，包含java工具类，js插件类，小游戏等等 .zip”表明这个压缩包中包含了作者自编的一些代码资源，主要涵盖了Java工具类、JavaScript插件和小游戏。这些内容广泛适用于软件开发，特别是...

    自己写的一些东西，包含java工具类，js插件类，小游戏等等。.zip

    在这个名为“自己写的一些东西，包含java工具类，js插件类，小游戏等等”的压缩包文件中，我们可以发现丰富的IT知识资源，主要集中在Java编程语言和JavaScript领域。下面将详细阐述这两个领域的相关知识点。 首先，...

    关于JS方面的一些小知识

    本文将深入探讨一些JS方面的实用小知识，这些技巧在实际项目开发中非常常见，能有效提升开发效率并优化用户体验。 1. **变量声明与赋值** - `var`、`let` 和 `const` 是JS中的三种变量声明方式。`var` 在函数作用...

    [转] JS 排序(包括按中文拼音排序) Google到的好东西,收藏!

    这篇博客 "[转] JS 排序(包括按中文拼音排序) Google到的好东西, 收藏!" 提供了一些关于JavaScript排序的实用技巧，包括如何对中文字符串按照拼音进行排序。在JavaScript的Array对象中，有一个内置方法`sort()`，它...

    表白小东西

    在IT行业中，制作这样的“表白小东西”涉及到多个技术领域。首先，我们需要了解基础的编程语言，如Python、C#或JavaScript，这些都是常见的用于创建可执行程序的语言。开发者可能会利用这些语言编写代码，实现特定的...

    JsHelpers:js写的小东西

    【JsHelpers: JavaScript小工具集合】 JsHelpers是一个包含了一系列JavaScript实用工具函数的项目，开发者用它来解决日常编程中遇到的各种问题。这个项目的核心在于提供轻量级、易用的解决方案，帮助提升JavaScript...

    cad求和小东西

    总的来说，"cad求和小东西"是指利用CAD的内部命令、AutoLISP编程以及相关的SHX字体支持，来提高设计者在处理图形属性计算时的效率和准确性。这样的工具对于频繁进行尺寸计算的设计人员来说，无疑是一大利器。通过...

    js日历，很方便使用，欢迎下载

    "小东西理解加使用"可能意味着这个日历组件虽然规模不大，但包含了一些基本概念和技术，可以帮助初学者理解和掌握JavaScript编程以及前端开发中的日历实现。 【标签】"js"进一步确认了这个项目的核心技术是...

    常用的东西表达式 js css 之类

    在JavaScript中，我们可以使用`/pattern/flags`这样的语法来定义一个正则表达式，其中`pattern`是你要匹配的模式，`flags`是可选的修饰符，如`g`（全局搜索）、`i`（不区分大小写）和`m`（多行模式）。例如，验证...

    JavaScript_用于创建机器人和类似东西的有趣数据的小语料库的集合.zip

    在这个名为"JavaScript_用于创建机器人和类似东西的有趣数据的小语料库的集合.zip"的压缩包中，我们可能找到了一系列与JavaScript相关的资源，特别是针对创建机器人或自动化程序的数据和代码示例。 首先，"corpora_...

    neo-shop自用的小东西

    综上所述，"neo-shop自用的小东西"项目是一个基于JSP的网店系统，涉及到服务器端编程、数据库操作、用户交互等多个方面，充分体现了JSP在构建电子商务平台中的灵活性和实用性。通过不断学习和实践，开发者可以更好地...

    js网页设计的一些东西控制横向和纵向滚动条的显隐记录并显示网页的最后修改时间

    除了上述提到的控制滚动条和显示最后修改时间之外，网页设计中还涉及许多其他JavaScript技术，下面是一些常见的应用场景和技术点： #### 防止右键菜单和文本选择 - 为了保护网站内容不被轻易复制，可以禁用浏览器...

    整人关机的小东西~我是猪

    标题中的“整人关机的小东西~我是猪”可能指的是一个具有恶作剧性质的程序，这个程序设计的目的是为了捉弄他人，可能是通过在电脑上执行某些操作，比如突然关机，来达到搞笑或者恶搞的效果。"我是猪"这部分可能是...

    js初学者看的东西

    3. **外部式**：将JavaScript代码写入单独的`.js`文件中，并通过HTML中的`&lt;script&gt;`标签引用该文件。 ```html &lt;script src="script.js"&gt; ``` #### 二、类型转换及函数定义 ##### 类型转换 在JavaScript中，...

    json-lib小东西记录

    这篇名为“json-lib小东西记录”的博客文章可能涵盖了作者在使用`json-lib`过程中的一些心得、技巧或者遇到的问题解决方案。虽然没有给出具体的博客内容，我们可以根据`json-lib`的常见功能和使用场景来讨论相关知识...

    用js写得一个拼图小游戏

    标题中的“用js写得一个拼图小游戏”指的是利用JavaScript编程语言开发的一个在线拼图游戏。JavaScript是一种广泛用于网页和网络应用的脚本语言，它能够实现动态内容、交互式界面以及网页数据的处理。 在描述中提到...

Magicbox
Global site tag (gtag.js) - Google Analytics