JavaScript 各种参数 详解(八)

最新推荐文章于 2023-12-25 23:35:11 发布
最新推荐文章于 2023-12-25 23:35:11 发布
阅读量274 收藏
点赞数

166.xml数据岛绑定表格

<html>

<body>

<xml id="abc" src="test.xml"></xml>

<table border='1' datasrc='#abc'>

<thead>

<td>接收人</td>

<td>发送人</td>

<td>主题</td>

<td>内容</td>

</thead>

<tfoot>

<tr><th>表格的结束</th></tr>

</tfoot>

<tr>

<td><div datafld="to"></div></td>

<td><div datafld="from"></div></td>

<td><div datafld="subject"></div></td>

<td><div datafld="content"></div></td>

</tr>

</table>

</body>

</html>

 

//cd_catalog.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>

<!--  Edited with XML Spy v4.2

  -->

<CATALOG>

<CD>

  <TITLE>Empire Burlesque</TITLE>

  <ARTIST>Bob Dylan</ARTIST>

  <COUNTRY>USA</COUNTRY>

  <COMPANY>Columbia</COMPANY>

  <PRICE>10.90</PRICE>

  <YEAR>1985</YEAR>

  </CD>

<CD>

  <TITLE>Hide your heart</TITLE>

  <ARTIST>Bonnie Tyler</ARTIST>

  <COUNTRY>UK</COUNTRY>

  <COMPANY>CBS Records</COMPANY>

  <PRICE>9.90</PRICE>

  <YEAR>1988</YEAR>

  </CD>

<CD>

  <TITLE>Greatest Hits</TITLE>

  <ARTIST>Dolly Parton</ARTIST>

  <COUNTRY>USA</COUNTRY>

  <COMPANY>RCA</COMPANY>

  <PRICE>9.90</PRICE>

  <YEAR>1982</YEAR>

  </CD>

<CD>

  <TITLE>Still got the blues</TITLE>

  <ARTIST>Gary Moore</ARTIST>

  <COUNTRY>UK</COUNTRY>

  <COMPANY>Virgin records</COMPANY>

  <PRICE>10.20</PRICE>

  <YEAR>1990</YEAR>

  </CD>

</CATALOG>

//

 

 

167.以下组合可以正确显示汉字

================================

xml保存编码xml页面指定编码

ANSI  gbk/GBK、gb2312

Unicode  unicode/Unicode

UTF-8  UTF-8

================================

 

 

168.XML操作

<xml id="xmldata" src="/data/books.xml">

<div id="guoguo"></div>

<script>

var x=xmldata.recordset //取得数据岛中的记录集

if(x.absoluteposition < x.recordcount) //如果当前的绝对位置在最后一条记录之前

{

x.movenext();     //向后移动

x.moveprevious();    //向前移动

x.absoluteposition=1;   //移动到第一条记录

x.absoluteposition=x.recordcount;//移动到最后一条记录，注意记录集x.absoluteposition是从1到记录集记录的个

 

数的

guoguo.innerText=xmldso.recordset("field_name"); //从中取出某条记录

}

</script>

 

 

169.动态修改CSS的另一种方式

this.runtimeStyle.cssText = "color:#990000;border:1px solid #cccccc";//

 

170.正则表达式

匹配中文字符的正则表达式：[/u4e00-/u9fa5]

 

匹配双字节字符(包括汉字在内)：[^/x00-/xff]

 

应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）

 

String.prototype.len=function(){return this.replace([^/x00-/xff]/g,"aa").length;}

 

匹配空行的正则表达式：/n[/s| ]*/r

 

匹配HTML标记的正则表达式：/<(.*)>.*<///1>|<(.*) //>/

 

匹配首尾空格的正则表达式：(^/s*)|(/s*$)

 

应用：javascript中没有像vbscript那样的trim函数，我们就可以利用这个表达式来实现，如下：

 

String.prototype.trim = function()

{

    return this.replace(/(^/s*)|(/s*$)/g, "");

}

 

利用正则表达式分解和转换IP地址：

 

下面是利用正则表达式匹配IP地址，并将IP地址转换成对应数值的Javascript程序：

 

function IP2V(ip)

{

re=/(/d+)/.(/d+)/.(/d+)/.(/d+)/g  //匹配IP地址的正则表达式

if(re.test(ip))

{

return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1

}

else

{

throw new Error("Not a valid IP address!")

}

}

 

不过上面的程序如果不用正则表达式，而直接用split函数来分解可能更简单，程序如下：

 

var ip="10.100.20.168"

ip=ip.split(".")

alert("IP值是："+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))

 

匹配Email地址的正则表达式：/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*

 

匹配网址URL的正则表达式：http://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)?

 

//利用正则表达式去除字串中重复的字符的算法程序：

 

var s="abacabefgeeii"

var s1=s.replace(/(.).*/1/g,"$1")

var re=new RegExp("["+s1+"]","g")

var s2=s.replace(re,"")

alert(s1+s2)  //结果为：abcefgi

 

思路是使用后向引用取出包括重复的字符，再以重复的字符建立第二个表达式，取到不重复的字符，两者串连。这个方

 

法对于字符顺序有要求的字符串可能不适用。

 

//得用正则表达式从URL地址中提取文件名的javascript程序，如下结果为page1

 

s="http://www.9499.net/page1.htm"

s=s.replace(/(.*//){0,}([^/.]+).*/ig,"$2")

alert(s)

 

/利用正则表达式限制网页表单里的文本框输入内容：

 

用正则表达式限制只能输入中文：οnkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')"

 

onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,'')

 

)"

 

用正则表达式限制只能输入全角字符：οnkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')"

 

onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,'')

 

)"

 

用正则表达式限制只能输入数字：οnkeyup="value=value.replace(/[^/d]/g,'')

 

"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"

 

用正则表达式限制只能输入数字和英文：οnkeyup="value=value.replace(/[/W]/g,'')

 

"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"

 

jjjy00
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ajax 参数详解
tianxingjian0509的博客
04-05 2506
ajax请求参数解析 1、url [Object] 一个用来包含发送请求的URL字符串 2、accepts [Map] 默认：取决于数据类型 内容类型发送请求头，告诉服务器什么样的响应会被接收返回。如果accepts设置需要修改，推荐在$.ajaxSetup()方法中做一次 3、async [Boolean] 默认：true 默认设置下，所有请求均为异步请求，如果需要发送同步请求，请将此选项设置为false。注意，如果需要发送同步请求。将此选项设置为false。注意，同步请求将锁
javascript的对话框详解与参数
10-31
JavaScript 对话框详解与参数 JavaScript 对话框是网页开发中常用的 UI 组件，用于与用户交互，获取用户输入或显示信息。本文将详细介绍 JavaScript 对话框的分类、参数设置、使用方法和注意事项。 一、对话框的...
javascript有关ajax请求参数详解
lhp534的专栏
07-25 919
1、contentType: 告诉服务器，我要发什么类型的数据； 2、dataType：告诉服务器，我要想什么类型的数据，如果没有指定，那么会自动推断是返回 String，还是JSON等等其他类型； 3、默认的ContentType的值为:application/x-www-form-urlencoded; charset=UTF-8  此格式为表单提交格式，可以传对象，数据为key1=va...
JavaScript 数组【详解】
Jin_Xiang123的博客
12-25 3587
在JavaScript中，数组是一种特殊的对象，用于存储和操作多个值。与其他编程语言不同，JavaScript的数组可以同时存储不同类型的值，并且长度是动态的，可以根据需要随时添加或删除元素。JavaScript数组使用方括号([])来表示，其中的每个元素用逗号分隔。数组中的元素可以通过索引来访问和修改，索引从0开始。JavaScript也提供了一些内置方法来操作数组，如push()、pop()、shift()、unshift()等，用于添加、删除和修改数组中的元素。操作示例描述创建数组。
JavaScript详解
热门推荐
weixin_45845391的博客
08-16 1万+
文档对象模型，就是将页面中所有的标签元素都看成是一个对象（一片叶子），主树干定义为根节点（根元素），所有的标签都是从根元素延伸出去的，摸清结构，找到某个标签就不再困难了。“顺藤摸瓜”，主树干有分支，每个分支还有许多小分支，只要把这个分支的结构整理清楚，任何一片叶子都不是难事了。每个标签都有它存在的意义，如果我们想要动态的修改某个标签的值。闭包是一种保护私有变量的机制，在函数执行时形成私有的作用域，保护里面的私有变量不受外界干扰。突发奇想，如果在test1()函数里面，再嵌套一个函数，js是支持函数嵌套的。.
JavaScript 面向对象详解
qq_36081714的博客
08-09 4646
JavaScript面向对象
详解JS剩余参数
不太冷的莱昂的博客
05-06 1730
剩余参数的MDN定义： 剩余参数语法允许我们将一个不定数量的参数表示为一个数组。 语法： function(a, b, ...theArgs) { // ... } 剩余参数的本质： 剩余参数是一个数组，即使没有值，也是一个空数组 (function add(a, ...args) { console.log(Array.isArray(args)); //true })(1); 既然剩余参数是一个数组，那就可以在它上面直接使用所有的数组方法和属性，例如： func
JavaScript中Promise详解
whtis666的博客
06-06 3425
Promise
JavaScript递归详解
m0_61866713的博客
05-10 2713
什么是递归？ 一个方法或函数内部调用了自己，这就叫递归。如下。 <script> function fn(n){ if(n == 0) return fn(n - 1); } fn(3); </script> 递归设计（递归三要素） 1.找重复（子问题） -找到更小规模的子问题 -如上代码，（n-1）是原问题的重复（规模更小）—— 子问题 2.找重复中的变化量➡参数 ...
JS（JavaScript）详解
weixin_53455615的博客
09-19 7606
JavaScript是由Netscape（网景）公司研发出来的一种在它的Navigator浏览器上执行的程序语言。JavaScript是一种基于对象(object-based)和事件驱动(Event Driven)的简单的并具有安全性能的脚本语言。JavaScript组成ECMAScript：JavaScript的核心，语法格式，使用方法文档对象模型（DOM，document object model）：DOM（文档对象模型）是 HTML 和 XML 的应用程序接口（API）。
JavaScript初识及基本语法详解
小小码农
03-13 2522
JavaScript初识及基本语法详解
Javascript中的默认参数详解
10-25
本文详细介绍了javascript中的默认参数问题，非常的详细，希望对大家能有所帮助
详解javascript函数的参数
10-23
javascript函数可以用任意多个参数来调用，而不用管函数定义时指定了几个参数。因为函数是弱类型的，没有方法去声明它所期望的参数类型，并且给任何函数传递任何类型的值都是合法的
2024年欧洲铝桁架市场主要企业市场占有率及排名.docx
07-17
2024年欧洲铝桁架市场主要企业市场占有率及排名.docx
torchaudio-0.13.1+cpu-cp39-cp39-win_amd64.whl
最新发布
07-17
torchaudio软件包，直接下载下来，通过命令窗口输入：pip install torchaudio-xxx.whl安装就行，再也不怕pip安装timeout了
出入库存盘点表-图表分析-分类查询-Excel模板
07-17
【作品名称】：出入库存盘点表-图表分析-分类查询-Excel模板 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
torchaudio-0.12.1+cpu-cp37-cp37m-win_amd64.whl
07-17
torchaudio软件包，直接下载下来，通过命令窗口输入：pip install torchaudio-xxx.whl安装就行，再也不怕pip安装timeout了
中南大学机械设计课程设计说明书.doc
07-17
说明书
仓库进销出入库存管理系统（带库存预警）-Excel模版
07-17
【作品名称】：仓库进销出入库存管理系统（带库存预警）-Excel模版 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
JavaScript函数参数详解：arguments对象和长度检测
本文档是一份详细的JavaScript教程，重点讲解了函数中的形式参数。在JavaScript中，函数定义时的参数表用于指定函数调用时传入的值，这些参数可以是任意数量的。通过使用`arguments`对象，开发者可以获取到实际传递...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值