JS中的一些小东西

最新推荐文章于 2025-12-05 08:37:05 发布
原创 最新推荐文章于 2025-12-05 08:37:05 发布 · 493 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #input #function #html #button #table

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：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Document.All Example</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<h1>Example Heading</h1>
<hr />
<p>This is a <em>paragraph</em>. It is only a <em>paragraph.</em></p>
<p>Yet another <em>paragraph.</em></p>
<p>This final <em>paragraph</em> has <em id="special">special emphasis.</em></p>
<hr />
<script type="text/javascript">
<!--
var i,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>
    <script type="text/javascript">
         function getValue()
          {
              var x=document.getElementById("myHeader")
              alert(x.innerHTML)
          }
          function getElements()
      {
             var x=document.getElementsByName("sex");
              alert(x.length);
          }
  
          function getTagElements()
          {
              var x = document.getElementsByTagName("input");
              alert(x.length);
          }
         
     </script>
    <body>
        <form name="Input">
            <table align="center" width="50%" height="50%" border="1">
                <tr>
                    <td align="center" width="45%">
                        学号
                    </td>
                    <td align="center" width="55%">
                        <input type="text" id=userid name="user" onblur="validate();">
                        <div id=usermsg></div>
                    </td>
                </tr>
                <tr>
                    <td align="center" width="45%">
                        姓名
                    </td>
                        <td align="center">
                        <input type="text" name="name">
                    </td>
                </tr>
                <tr>
                    <td align="center" width="%45">
                        性别
                    </td>
                    <td align="center">
                        <input type="radio" name="sex" value="男">
                        男
                        <input type="radio" name="sex" value="女">
                        女
                    </td>
                </tr>
                <tr>
                    <td align="center" width="45%">
                        年龄
                    </td>
                    <td align="center" width="55%">
                        <input type="text" name="age">
                    </td>
                </tr>
                <tr>
                    <td align="center" width="45%">
                        籍贯
                    </td>
                    <td align="center" width="55%">
                        <input type="text" name="addr">
                    </td>
                </tr>

            </table>
        </form>
        <h1 id="myHeader" onclick="getValue()">
            This is a header
        </h1>
        <p>
            Click on the header to alert its value
        </p>
        <input type="button" onclick="getElements()"
            value="How many elements named 'sex'?" />
        <Br>
        <input type="button" onclick="getTagElements()"
            value="How many tags named 'input'?" />

    </body>
</html>

 

isle_t
关注
纯js实现的一个小东西
weixin_33936401的博客
01-24 120
2019独角兽企业重金招聘Python工程师标准>>> ...
js的基本东西
小嘴冰凉
08-25 121
[code="java"] 第一个javascript sheng sheng1 男 女 men1 women1 [/code]
几个简单的JS小东西
iteye_6091的博客
10-20 262
一、CSS样式提取 &lt;!DOCTYPE&gt; &lt;html&gt; &lt;meta charset="utf-8"&gt; &lt;head&gt; &lt;style&gt; #div1 {width:200px; height:200px; background:red;} &lt;/style&gt; &lt;title&gt;css样式提
怎么获取html的某个元素,获取HTML元素的3个方法
weixin_42523792的博客
06-07 4034
1.该元素一个id属性，为它指定一个(在文档中)唯一的名称，然后就可以用该ID查找想要的元素。functiongetValue(){varx=document.getElementById("myHeader")alert(x.innerHTML)}ThisisaheaderClickontheheadertoalertitsvalue2.该方法与getEleme...
查找html的第三个input元素,获取HTML元素的3个方法
weixin_29388659的博客
06-08 635
Smile41126551.该元素一个id属性，为它指定一个(在文档中)唯一的名称，然后就可以用该ID查找想要的元素。functiongetValue(){varx=document.getElementById("myHeader")alert(x.innerHTML)}ThisisaheaderClickontheheadertoalertitsvalue2.该...
js中var的一些理解
学习之路
08-27 2200
在js中var可以说是无人不知无人不小晓得一个东西， 我们都知道javascript属于弱语言，即在开辟变量存储空间时，可以不定义将来存储数据的类型，可以存放任意类型。 var是一个很好的体现，在定义变量的时候，不管是整型，字符型，等等都可以用var来定义，确实很方便，但是却也有很大的局限或者说是不严谨。 不知道大家在平时的学习中有没有遇见这样一个问题： <!DOCTYPE html> <html lang="en"> <head> <meta charse
在html中写js打开是乱码,javascript脚本中文乱码如何解决？
weixin_31070201的博客
05-31 1439
在web开发中我们一般都会不可避免的使用js。我们可以将js代码直接放在页面中即通过内部使用js。但是为了给页面良好的"瘦身"我们一般都会将js代码放在外部，然后通过src引用。在引用JavaScript脚本时需要注意一个问题：编码问题。如果web页面和JavaScript脚本采用不同编码，这个时候就会出现乱码。(内部使用js不需要注意编码问题，因为他们采用的是同一种编码)。对于大多数的web页面...
javascript适合新手小白练习的简单小项目
倾衫的博客
10-09 5772
1.点击按钮隐藏图片，再次点击按钮显示图片，以此循环 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /
JsHelpers:js写的小东西
06-26
【JsHelpers: JavaScript小工具集合】 JsHelpers是一个包含了一系列JavaScript实用工具函数的项目，开发者用它来解决日常编程中遇到的各种问题。这个项目的核心在于提供轻量级、易用的解决方案，帮助提升JavaScript...
javascript-async-playground:一些JS的东西
05-11
JavaScript是Web开发中不可或缺的一部分，尤其在前端领域更是扮演着核心角色。在处理异步操作时，JavaScript提供了多种方法，包括回调函数、Promise以及async/await。这些技术都是为了解决JavaScript中的“回调地狱...
自己写的一些东西，包含java工具类，js插件类，小游戏等等 .zip
09-11
标题中的“自己写的一些东西，包含java工具类，js插件类，小游戏等等 .zip”表明这个压缩包中包含了作者自编的一些代码资源，主要涵盖了Java工具类、JavaScript插件和小游戏。这些内容广泛适用于软件开发，特别是...
小程序中利用Moment.js格式时间
03-29
选moment.min.js版本，因为没有用到国际化的东西，体积省点是一点。   2.集成 将moment.min.js放在小程序工程的utils目录下   3.调用 const moment = require('moment.min.js'); moment.locale('en', { ...
haxe-thingies:在你的 Haxe 代码中使用的一些方便的小东西
07-11
这种类型将动态结构的Reflect字段访问封装在类似Map的界面中，从而更容易使用 JSON 或外部 JavaScript 对象。 注意：此摘要现在是 Haxe 标准库的一部分（自 3.2.0 起），请参阅 var d : DynamicObject < Int> = ...
Vue 通用复选框组互斥 Hooks：兼容 Element Plus + Ant Design Vue
a3212768093的博客
12-02 720
本文介绍了一个通用的Vue Hooks useExclusiveCheckbox，用于实现复选框组的互斥选择功能。该Hooks兼容ElementPlus和AntDesignVue两大UI库，主要特点包括：跨UI库兼容、轻量无依赖、灵活配置互斥选项值、全场景适配和类型安全。核心逻辑通过对比新旧选中值数组，自动处理互斥选项与其他选项的切换关系。文章提供了完整代码和使用示例，分别演示了在ElementPlus和AntDesignVue中的实现方式，并解答了常见问题。该方案可显著提升开发效率，适用于各类需要互斥选择
Jeecg AI应用开发平台v1.0.0首版发布，快速搭建AI知识库或AI聊天助手
JEECG官方博客
12-04 767
Jeecg-AI是一款基于大型语言模型和RAG技术的全栈式AI开发平台，支持快速构建和部署个性化AI应用。该平台提供AI知识库管理、流程编排、模型配置、向量库对接等功能，支持ChatGPT、DeepSeek等多种大模型，并可与业务系统深度集成。采用Vue3+Spring Boot技术栈，具备智能问答、文档处理、API生成等能力，相比Dify平台更注重低代码与业务集成。开发者可通过Docker一键部署或源码构建，实现智能应用的快速开发。
推荐 | JoyAgent-JDGenie：开箱即用的端到端多智能体产品
最新发布
lpfasd123的博客
12-05 105
如果你在寻找一款真正可落地的多智能体产品，用来“搜索-分析-生成报告”、“数据问答与诊断”、“代码解释与图表生成”，同时希望易部署、易扩展、易二次开发——JoyAgent-JDGenie 是非常值得试用与推荐的选择。只需填好少量配置，即可获得端到端的流式体验与交付能力。
vue实现页面不断插入内容并且自动滚动功能
weixin_50606255的博客
12-04 205
我们在看视频时经常会看到黑客入侵别人电脑会在屏幕上显示一串代码，并且代码不断插入自动滚动，看起来很厉害的样子，现在就在此纪录实现此功能：
基于Springboot2+Vue2的旅游景点购票系统
自学网站s.jf3q.com,菜鸟的成长之路
12-02 660
本系统是一个集旅游景点信息展示、在线购票、用户游记分享与互动交流于一体的综合性平台。核心价值在于提供便捷的景点门票预订服务，同时构建活跃的旅游社区，促进用户间的经验分享。
ruoyi集成camunda实现bpmn在线设计器
xrl2012的专栏
12-03 1096
摘要： 本文介绍了如何在RuoYi-Vue2前端集成Camunda BPMN在线设计器，实现流程建模功能。通过npm安装bpmn-js等依赖包，配置vue.config.js解决转译和别名问题，并提供了测试页面代码示例。页面包含导入/导出XML/SVG、流程检查、部署等功能，支持BPMN流程设计器的初始化和基本操作。环境要求包括JDK 1.8+、MySQL 5.7+、Node 23+等。完整方案可参考若依工作流。
js中箭头函数是什么东西
04-28
相较于传统的函数表达式，箭头函数不仅减少了冗余代码量，还改变了传统匿名函数中的一些行为特性。 #### 基本语法 箭头函数采用 `=>` 符号来表示函数体部分，其基本形式如下所示： - 对于单参数情况可以直接书写为...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值