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)
/////////利用正则表达式限制网页表单里的文本框输入内容：
用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,'')
)"
用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,'')
)"
用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d]/g,'')
"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
用正则表达式限制只能输入数字和英文：onkeyup="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)
}
else
document.all.Textbox.value = "Cookie 未找到!"
}
</SCRIPT>
</HTML>//
172.取月的最后一天
function getLastDay(year,month)
{
//取年
var new_year = year;
//取到下一个月的第一天,注意这里传入的month是从1～12
var 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)】菜单中的命令的实现
1、〖打开〗命令的实现
[格式]:document.execCommand("open")
[说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似，大家也可依此琢磨琢磨。
[举例]在<body></body>之间加入：
<a href="###" onclick=document.execCommand("open")>打开</a>
2、〖使用 记事本 编辑〗命令的实现
[格式]:location.replace("view-source:"+location)
[说明]打开记事本，在记事本中显示该网页的源代码。
[举例]在<body></body>之间加入：
<a href="###" onclick=location.replace("view-source:"+location)>使用 记事本编辑</a>
3、〖另存为〗命令的实现
[格式]:document.execCommand("saveAs")
[说明]将该网页保存到本地盘的其它目录！
[举例]在<body></body>之间加入：
<a href="###" onclick=document.execCommand("saveAs")>另存为</a>
4、〖打印〗命令的实现
[格式]:document.execCommand("print")
[说明]当然，你必须装了打印机！
[举例]在<body></body>之间加入：
<a href="###" onclick=document.execCommand("print")>打印</a>
5、〖关闭〗命令的实现
[格式]:window.close();return false
[说明]将关闭本窗口。
[举例]在<body></body>之间加入：
<a href="###" onclick=window.close();return false)>关闭本窗口</a>
180.【编辑(E)】菜单中的命令的实现
〖全选〗命令的实现
[格式]:document.execCommand("selectAll")
[说明]将选种网页中的全部内容！
[举例]在<body></body>之间加入：
<a href="###" onclick=document.execCommand("selectAll")>全选</a>
181.【查看(V)】菜单中的命令的实现
1、〖刷新〗命令的实现
[格式]:location.reload() 或 history.go(0)
[说明]浏览器重新打开本页。
[举例]在<body></body>之间加入：
<a href="###" onclick=location.reload()>刷新</a>
或加入:
<a href="###" onclick=history.go(0)>刷新</a>
2、〖源文件〗命令的实现
[格式]:location.replace("view-source:"+location)
[说明]查看该网页的源代码。
[举例]在<body></body>之间加入：
<a href="###" onclick=location.replace("view-source:"+location)>查看源文件</a>
3、〖全屏显示〗命令的实现
[格式]:window.open(document.location, "url", "fullscreen")
[说明]全屏显示本页。
[举例]在<body></body>之间加入：
<a href="###" onclick=window.open(document.location,"url","fullscreen")>全屏显示</a>
182.【收藏(A)】菜单中的命令的实现
1、〖添加到收藏夹〗命令的实现
[格式]:window.external.AddFavorite('url', '“网站名”)
[说明]将本页添加到收藏夹。
[举例]在<body></body>之间加入：
<a href="javascript:window.external.AddFavorite('http://oh.jilinfarm.com', '胡明新的个人主页')">添加到收
藏夹</a>
2、〖整理收藏夹〗命令的实现
[格式]:window.external.showBrowserUI("OrganizeFavorites",null)
[说明]打开整理收藏夹对话框。
[举例]在<body></body>之间加入：
<a href="###" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹</a>
183.【工具(T)】菜单中的命令的实现
〖internet选项〗命令的实现
[格式]:window.external.showBrowserUI("PrivacySettings",null)
[说明]打开internet选项对话框。
[举例]在<body></body>之间加入：
<a href="###" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a>
184.【工具栏】中的命令的实现
1、〖前进〗命令的实现
[格式]history.go(1) 或 history.forward()
[说明]浏览器打开后一个页面。
[举例]在<body></body>之间加入：
<a href="###" onclick=history.go(1)>前进</a>
或加入:
<a href="###" onclick=history.forward()>前进</a>
2、〖后退〗命令的实现
[格式]:history.go(-1) 或 history.back()
[说明]浏览器返回上一个已浏览的页面。
[举例]在<body></body>之间加入：
<a href="###" onclick=history.go(-1)>后退</a>
或加入:
<a href="###" onclick=history.back()>后退</a>
3、〖刷新〗命令的实现
[格式]:
分享到：
相关推荐
下面将对其中的一些示例进行详细解析，提炼出相关的JavaScript知识点。 ### 知识点1：事件处理 在示例1中，`onBlur`, `onFocus`, `onChange`, 和 `onSelect` 是常见的HTML事件处理器。这些事件分别在元素失去焦点...
《JavaScript精彩300例技巧集》是一份深入实践、极具价值的学习资源，它通过丰富的实例和详尽的解释，帮助开发者掌握JavaScript的核心技巧。这个资料包中的每一个例子都是一次学习和提升的机会，旨在让读者能够从...
"JavaScript精彩300例技巧集"是一份珍贵的学习资源，它包含了丰富的实例，涵盖了JavaScript在实际开发中的多种应用领域。这个chm格式的文档集合了游戏开发、日期与时间处理、文本特效、按钮样式、鼠标交互等多种实用...
JavaScript精彩网页设计300例技巧集是一本深入探讨JavaScript在网页设计中应用的资源集合。这本书或课程可能包含了从基础到高级的各种示例和技巧，旨在帮助开发者提升其JavaScript技能，进而创建出更具交互性和动态...
《VB精彩编程200例》是一本涵盖了多个IT领域实践的编程教程，主要针对Visual Basic（VB）语言，旨在通过丰富的实例帮助读者深入理解和掌握VB编程技术。书中的实例覆盖了窗体与界面设计、多媒体处理、数据库操作、...
"JavaScript精彩技巧集300例下载" 提供了一个丰富的学习资源，帮助开发者深入理解和掌握JavaScript的各种技巧。以下是对这些技巧的一些详细解释： 1. **DOM操作**：JavaScript通过Document Object Model（DOM）来...
这里我们探讨一下给定文件中的200个JS技巧实例。 1. **文本框焦点问题**：通过`onFocus`和`onBlur`事件处理函数，可以控制文本框在获得和失去焦点时的行为。例如，当用户点击文本框，如果其默认值是“郭强”，则会...
《Dreamweaver 8网页设计精彩150例》是一本深入浅出的教程，旨在帮助初学者和有一定基础的用户提升在网页设计领域的技能。Dreamweaver是Adobe公司开发的一款强大的网页设计与开发工具，它集成了直观的可视化界面和...
《ASP.NET精彩编程百例》是一本专门为ASP.NET初学者和进阶者设计的实践教程。这本书通过详尽解析100个精心挑选的实例，深入浅出地介绍了ASP.NET平台的各种开发技巧和最佳实践。ASP.NET是微软公司推出的Web应用程序...
【标题】"C++到VC++精彩100例"是一个编程教程，旨在通过一系列精心挑选的实例，帮助读者从基础的C++语言过渡到使用Microsoft的Visual C++（简称VC++）开发环境进行实际项目开发。这个教程可能涵盖了C++语言的核心...
"js精彩300例技巧集"是一个汇集了三百个JavaScript实用示例的资源集合，旨在帮助开发者提升技能，快速理解和应用JavaScript的核心概念。 1. **基础语法** - 变量声明：JavaScript支持var、let和const进行变量声明...
"ASP.NET编程精彩百例"是一部深入探讨这一技术的教程，旨在通过一系列实用的例子帮助读者掌握ASP.NET编程的核心技巧。 在ASP.NET编程中，开发者可以使用多种语言，如C#或VB.NET，来编写服务器端代码。这些代码与...
《巧学巧用Dreamweaver制作网页精彩50例》是一本专为初学者和有一定基础的网页设计者编写的实战教程。通过50个精心挑选的实例，本书旨在帮助读者掌握使用Adobe Dreamweaver这一强大工具进行网页设计与开发的技巧。...
这个“ASP.NET编程精彩百例”显然是一个汇集了多个实例的教程或者资源集合，旨在帮助学习者通过实际操作来掌握ASP.NET的核心技术和应用场景。 1. **基础概念**： - ASP.NET：它是.NET Framework的一部分，提供了一...
Javaｓｃｒｉｐｔ 精彩300例技巧集，chm格式，都是些很实用的JS实例，包括游戏、日期特效、文本特效、按钮、鼠标特效等，还有一部分Java Applet等。 资源截图： 资源太大，传百度网盘了，链接...
"php编程基础精彩实例"这个压缩包文件包含了多个小示例项目，旨在帮助新手快速掌握PHP的核心概念和常见应用。通过这些实例，我们可以深入理解PHP语言的语法、函数、流程控制以及与其他Web技术（如HTML、CSS和...
《Dreamweaver MX中文版精彩设计百例》是一本针对Adobe Dreamweaver MX中文版的实战教程，旨在帮助用户深入理解和掌握这款强大的网页设计与开发工具。Dreamweaver MX是Web开发领域的重要软件，它提供了丰富的功能，...
《巧学巧用Dreamweaver制作网页精彩50例》这本书是针对初学者和有一定基础的网页设计者编写的，旨在通过丰富的实例帮助读者深入理解并掌握使用Dreamweaver进行网页设计的技巧。Dreamweaver是一款由Adobe公司开发的...
"PHP经典编程100例"这个压缩包提供了一系列适合初学者的PHP小程序，旨在帮助初学者深入理解PHP的语法、编程技巧以及解决问题的方法。以下是这些实例可能涵盖的一些核心知识点： 1. **PHP基础知识**：每个例子都可能...
本资源"asp.net编程精彩百例(part 2)"是该主题的第二部分，包含了多个ASP.NET编程的实际案例，旨在帮助开发者深入理解和掌握ASP.NET的核心概念和实用技巧。 在ASP.NET中，C#是一种主要的编程语言，它具有现代、类型...