200多个js技巧代码(五)

161.标题栏
document.title//162.背景图片
<body style="BACKGROUND-ATTACHMENT: fixed" background="img/bgfix.gif"></body>//背景图片不动<STYLE TYPE="text/css">
<!--
BODY {background-image:img/bgchild.jpg;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE>//背景图片居中163.设置透明效果
document.form.xxx.filters.alpha.opacity=0~100//164.定义方法
var dragapproved=false;
document.οnmοuseup=new Function("dragapproved = false");//165.将数字转化为人民币大写形式
function convertCurrency(currencyDigits) {
// Constants:var MAXIMUM_NUMBER = 99999999999.99;// Predefine the radix characters and currency symbols for output:var CN_ZERO = "零";var CN_ONE = "壹";var CN_TWO = "贰";var CN_THREE = "叁";var CN_FOUR = "肆";var CN_FIVE = "伍";var CN_SIX = "陆";var CN_SEVEN = "柒";var CN_EIGHT = "捌";var CN_NINE = "玖";var CN_TEN = "拾";var CN_HUNDRED = "佰";var CN_THOUSAND = "仟";var CN_TEN_THOUSAND = "万";var CN_HUNDRED_MILLION = "亿";var CN_SYMBOL = "人民币";var CN_DOLLAR = "元";var CN_TEN_CENT = "角";var CN_CENT = "分";var CN_INTEGER = "整";// Variables:var integral; // Represent integral part of digit number.var decimal; // Represent decimal part of digit number.var outputCharacters; // The output result.var parts;var digits, radices, bigRadices, decimals;var zeroCount;var i, p, d;var quotient, modulus;// Validate input string:currencyDigits = currencyDigits.toString();if (currencyDigits == "") {alert("Empty input!");return "";}if (currencyDigits.match(/[^,.\d]/) != null) {alert("Invalid characters in the input string!");return "";}if ((currencyDigits).match(/^((\d{1,3}(,\d{3})*(.((\d{3},)*\d{1,3}))?)|(\d+(.\d+)?))$/) == null) {alert("Illegal format of digit number!");return "";}// Normalize the format of input digits:currencyDigits = currencyDigits.replace(/,/g, ""); // Remove comma delimiters.currencyDigits = currencyDigits.replace(/^0+/, ""); // Trim zeros at the beginning.// Assert the number is not greater than the maximum number.if (Number(currencyDigits) > MAXIMUM_NUMBER) {alert("Too large a number to convert!");return "";}// Process the coversion from currency digits to characters:// Separate integral and decimal parts before processing coversion:parts = currencyDigits.split(".");if (parts.length > 1) {integral = parts[0];decimal = parts[1];// Cut down redundant decimal digits that are after the second.decimal = decimal.substr(0, 2);}else {integral = parts[0];decimal = "";}// Prepare the characters corresponding to the digits:digits = new Array(CN_ZERO, CN_ONE, CN_TWO, CN_THREE, CN_FOUR, CN_FIVE, CN_SIX, CN_SEVEN, CN_EIGHT,CN_NINE);radices = new Array("", CN_TEN, CN_HUNDRED, CN_THOUSAND);bigRadices = new Array("", CN_TEN_THOUSAND, CN_HUNDRED_MILLION);decimals = new Array(CN_TEN_CENT, CN_CENT);// Start processing:outputCharacters = "";// Process integral part if it is larger than 0:if (Number(integral) > 0) {zeroCount = 0;for (i = 0; i < integral.length; i++) {p = integral.length - i - 1;d = integral.substr(i, 1);quotient = p / 4;modulus = p % 4;if (d == "0") {zeroCount++;}else {if (zeroCount > 0){outputCharacters += digits[0];}zeroCount = 0;outputCharacters += digits[Number(d)] + radices[modulus];}if (modulus == 0 && zeroCount < 4) {outputCharacters += bigRadices[quotient];}}outputCharacters += CN_DOLLAR;}// Process decimal part if there is:if (decimal != "") {for (i = 0; i < decimal.length; i++) {d = decimal.substr(i, 1);if (d != "0") {outputCharacters += digits[Number(d)] + decimals[i];}}}// Confirm and return the final output string:if (outputCharacters == "") {outputCharacters = CN_ZERO + CN_DOLLAR;}if (decimal == "") {outputCharacters += CN_INTEGER;}outputCharacters = CN_SYMBOL + outputCharacters;return outputCharacters;
}//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程序,如下结果为page1s="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,''))"171.设置和使用cookie
<HTML><BODY>
设置与读取 cookies...<BR>
写入cookie的值<input type=text name=gg><INPUT TYPE = BUTTON Value = "设置cookie" onClick = "Set()"><INPUT TYPE = BUTTON Value = "读取cookie" onClick = "Get()"><BR><INPUT TYPE = TEXT NAME = Textbox></BODY><SCRIPT LANGUAGE="JavaScript">function Set()
{
var Then =new Date()
Then.setTime(Then.getTime() +60*1000 ) //60秒document.cookie ="Cookie1="+gg.value+";expires="+ Then.toGMTString()
}function Get()
{var cookieString =new String(document.cookie)var cookieHeader ="Cookie1="var beginPosition = cookieString.indexOf(cookieHeader)if (beginPosition !=-1){document.all.Textbox.value = cookieString.substring(beginPosition  + cookieHeader.length)}elsedocument.all.Textbox.value ="Cookie 未找到!"
}
</SCRIPT></HTML>//172.取月的最后一天
function getLastDay(year,month)
{//取年var new_year = year;//取到下一个月的第一天,注意这里传入的month是从1~12var new_month = month++;//如果当前是12月,则转至下一年if(month>12){new_month -=12;new_year++;}var new_date = new Date(new_year,new_month,1);return (new Date(new_date.getTime()-1000*60*60*24)).getDate();
}//173.判断当前的焦点是组中的哪一个
for(var i=0;i<3;i++)if(event.srcElement==bb[i])break;//174.实现类
package com.baosight.view.utils;
import javax.servlet.jsp.tagext.TagSupport;
import javax.servlet.http.HttpSession;
public class Mytag extends TagSupport
{public int doStartTag() throws javax.servlet.jsp.JspException{boolean canAccess = false;HttpSession session= pageContext.getSession();if (canAccess){return EVAL_BODY_INCLUDE;}else{return this.SKIP_BODY;}}
}175.在web.xml中添加定义<taglib><taglib-uri>guoguo</taglib-uri><taglib-location>/WEB-INF/abc.tld</taglib-location></taglib>176.标签库中定义abc.tld
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE taglib PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.1//EN"
"http://java.sun.com/j2ee/dtds/web-jsptaglibrary_1_1.dtd"><taglib><tlibversion>1.0</tlibversion><jspversion>1.1</jspversion><shortname>hr</shortname><uri>guoguo</uri><info>Extra 3 Tag Library</info><tag><name>mytag</name><tagclass>com.baosight.view.utils.Mytag</tagclass><attribute><name>id2</name><required>true</required><rtexprvalue>true</rtexprvalue></attribute></tag></taglib>177.在使用自定义标签的页面中加入自己定义的标签,
<%@ taglib uri="guoguo" prefix="guoguo"%>
//自己定义标签178.显示带边框的集
<fieldset style="border:1px gray solid;width:100px"><legend>查询条件</legend>
dfdfdf
</fieldset>//179.【文件(F)】菜单中的命令的实现

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/463193.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ios 后台下载,断点续传总结

2018年12月05日 16:09:00 weixin_34101784 阅读数&#xff1a;5 https://blog.csdn.net/weixin_34101784/article/details/87569604 断点续传 demo demog.gif 断点续传的原理是在HTTP1.1协议&#xff08;RFC2616&#xff09;中定义了断点续传相关的HTTP头的Range和Content-Rang…

Spring.NET教程(二十)——整合Quartz.NET(应用篇)

Quartz.NET是一个开源的作业调度框架&#xff0c;是OpenSymphony 的 Quartz API的.NET移植&#xff0c;它用C#写成&#xff0c;可用于WinForm和ASP.NET应用中。它提供了巨大的灵活性而不牺牲简单性。你能够用它来为执行一个作业而创建简单的或复杂的调度。它有很多特征&#xf…

jsp与jspx文件

jspx文件 jspx&#xff1a;以xml语法来书写jsp的文件&#xff0c;自定义的映射类型, jspx jsp XML A JSP document is a JSP page written in XML syntax as opposed to the standard syntax described.Because it is written in XML syntax, a JSP document is also…

C++实现链表逆序打印、链表反转

//题目&#xff1a;C实现链表逆序打印、链表反转 // 如何将链表逆序&#xff0c;取决于题目的要求。如果面试官只要求打印&#xff0c;一般不改动链表结构为好&#xff0c;如果要求改变链表的方向&#xff0c;则需要改变结构&#xff0c;再顺序打印。 // 方法1&#xff1a;只逆…

vector深拷贝与浅拷贝使用总结

(1)、拷贝构造/赋值函数 --- 深拷贝 int w 100;int h 20;vector<int> dataA(w*h ,0Xff);vector<int> dataB dataA; // copy 构造int * ptr0 &dataA[0];int * ptr1 &dataB[0];printf("%u\n", ptr0);printf("%u\n", ptr1); 结果&…

JavaScript 对象和包装类

对象的创建方法 {}var obj {} 系统自带的构造函数var obj new Object()//Array()//Number() 自定义的构造函数function Person(){} var person1 new Person() 注&#xff1a;构造函数&#xff1a;大驼峰命名规则 TheFirstName 普通函数&#xff1a;小驼峰命名规则 the…

dll动态链接库

Visual C#生成DLL文件——预备知识 DLL&#xff08;Dynamic Link Library&#xff09;文件即动态链接库文件&#xff0c;是一种可执行文件&#xff0c;允许程序共享执行特殊任务所必需的代码和其他资源。多数情况下带有dll扩展名&#xff08;也可以 是.ocx文件&#xff1a;Acti…

C# OLE DB 的连接方式下 对 sql 参数的操作 需要改成 ? 号

C# OLE DB 的连接方式下 对 sql 参数的操作 需要改成 ? 号

ELF文件格式

ELF文件格式 ELF文件&#xff08;Executable Linkable Format&#xff09;是一种文件存储格式。Linux下的目标文件和可执行文件都按照该格式进行存储&#xff0c;有必要做个总结。 概要 本文主要记录总结32位的Intel x86平台下的ELF文件结构。ELF文件以Section的形式进行存储…

TCP协议的三次握手与四次挥手

tcp协议的三次握手和四次挥手 三次握手&#xff1a; 第一次握手&#xff1a; 客户端发起一个链接&#xff08;SYN&#xff09; 第二次握手&#xff1a; 服务端就会返回一条&#xff08;ACK&#xff09;确认信息&#xff0c;同时服务端也会向客户端发起一个链接请求&#xff08;…

晚上美容护肤10要诀 - 健康程序员,至尚生活!

夜晚美容护肤十要诀  如何护肤&#xff0c;我想谁也知道晚上是给予皮肤滋养的最佳时期&#xff0c;别以为早晚搽日霜、晚霜就能够令你的皮肤变得白雪雪、滑嘟嘟&#xff0c;其实这只是表面的滋润。要彻底护理&#xff0c;就要依赖你睡前的准备功夫&#xff0c;才能使肌肤得到…

明白了为什么java方法上面为什么要加个@符号

原来是java的特性“注解&#xff08;Annotation&#xff09;” 注解&#xff08;Annotation&#xff09; 为我们在代码中天界信息提供了一种形式化的方法&#xff0c;是我们可以在稍后某个时刻方便地使用这些数据&#xff08;通过 解析注解 来使用这些数据&#xff09; 注解的语…

PG内核分析 QA

今天查找postgreSQL相关的资料时&#xff0c;查找到该文章&#xff0c;觉得写得比较好 https://www.cnblogs.com/liuhaifeng/p/12184902.html

STM32的PA15、PB3、 PB4管脚作普通管脚的解决办法

最近做了一个板子&#xff0c;使用的是SWD方式进行下载程序&#xff0c;仅仅使用到SWDIO&#xff08;PA13&#xff09; 和SWCLK&#xff08;PA14&#xff09;两个管脚。我将PA15&#xff08;JTDI&#xff09;和PB3&#xff08;JTDO&#xff09;管脚用于他用&#xff08;用于点L…

Google不要走

这两天Google离开中国的新闻不断&#xff0c;如果他真的要离开&#xff0c;我会觉得非常遗憾。我想他已经是大部分程序员的精神领袖&#xff0c;技术牛人的代表&#xff0c;现在居然会被逼走&#xff1f;&#xff1f; 与百度的搜索相比&#xff0c;Google也有广告&#xff0c;但…

AIX errdemon 命令

errdemon 进程持续检查 /dev/error 文件,收集error信息。 命令格式&#xff1a; Usage: errdemon -i filename -s value -B value [ -d | -D -m maxdups -t time ] | -l -i filename Uses the error log file specified by the filename parameter. If this f…

C#集合。

集合命名空间&#xff1a; using system.collections. 非泛型集合 using system.collections.Generic. 泛型集合 为什么要用集合&#xff1a; 1、数组一旦声明长度就固定了。 2、集合有很多方法可以用 等 常用集合&#xff1a; 类似数组集合&#xff1a;ArrayList List<&g…

对std::listT的封装

由于工作的原因&#xff0c;需要在线程安全的情况下对std::list<T>进行该list进行访问&#xff0c;因此就简单的封装了下&#xff0c;代码如下&#xff1a; template<typename T> class List { public:List () {}~List () {}void PushBack(const T& value) {b…

code

// 控制字体系列。"editor.fontFamily": "Droid Sans Mono, monospace, monospace, Droid Sans Fallback",// 覆盖当前所选颜色主题中的编辑器颜色和字体样式。"editor.tokenColorCustomizations": {},// 控制差异编辑器是否将对前导空格或尾随空…

SWISHMAX2脚本整理及Swishmax使用技巧

wish Max让你更快速更简单地在你的网页中加入Flash动画,超过230种可选择的预设效果.SWiSH是一个快速、简单且经济的方案,让你可以在你的网页 中加入Flash动画.只要点几下鼠标,你就可以加入让你的网页在众多网站中令人注目的酷炫动画效果.你可以创造形状、文字、按钮以及移动路径…