`
java_frog
  • 浏览: 253270 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JAVASCRIPT精彩示例(续)

阅读更多
200.动态设置事件,带参数
<INPUT TYPE="text" NAME="a1">
<SCRIPT. LANGUAGE="JavaScript">
<!--
function hah(para)
{
alert(para)
}
a1.onclick=function()
{
hah('canshu ')
}
//a1.attachEvent("onclick",function(){hah('参数')});

//-->

</SCRIPT>//



201.将url转化为16进制形式
var ret = '';

for(var i=0; i < str.length; i++)
{
  var ch = str.charAt(i);
  var code = str.charCodeAt(i);

  if(code < 128 && ch != '[' && ch != '\'' && ch != '=')
  {
   ret += ch;
  }
  else
  {
   ret += "[" + code.toString(16) + "]";
  }
}
return ret;//



202.打开新的窗口并将新打开的窗口设置为活动窗口
var newWin=window.open("xxxx");
newWin.focus();//



203.容错脚本
JS中遇到脚本错误时不做任何操作:window.onerror = doNothing;
指定错误句柄的语法为:window.onerror = handleError
function handleError(message, URI, line)
{// 提示用户,该页可能不能正确回应

return true; // 这将终止默认信息

}//在页面出错时进行操作


204.JS中的窗口重定向:
window.navigate("http://www.sina.com.cn");//


205.防止链接文字折行
document.body.noWrap=true;//


206.判断字符是否匹配.
string.match(regExpression)//


207.
href="javascript.:document.Form.Name.value='test';void(0);"//不能用onClick="javacript:document.Form.Name.v


alue='test';return false;"

当使用inline方式添加事件处理脚本事,有一个被包装成匿名函数的过程,也就是说
onClick="javacript:document.Form.Name.value='test';return false;"被包装成了:
functoin anonymous()
{
    document.Form.Name.value='test';return false;
}
做为A的成员函数onclick。
而href="javascript.:document.Form.Name.value='test';void(0);"相当于执行全局语句,这时如果使用return语句会

报告在函数外使用return语句的错误。


208.进行页面放大
<P nmouseover="this.style.zoom='200%'" nmouseout="this.style.zoom='normal'">
sdsdsdsdsdsdsdsds
</p>//

209.放置在页面的最右边
<input type="text" value='bu2' style="float:right">//

210.通过style来控制隔行显示不同颜色
<style>
tr{
bgcolor:expression(this.bgColor=((this.rowIndex)%2==0 )? 'white' : 'yellow');
}
</style>
<table id="oTable" width="100" border="1" style="border-collapse:collapse;">
<tr><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td></tr>
</table>//

211.全屏最大化
newwindow=window.open("","","scrollbars")
if (document.all)
{
newwindow.moveTo(0,0)
newwindow.resizeTo(screen.width,screen.height)
}//

212.根据名字解析xml中的节点值
var XMLDoc=new ActiveXObject("MSXML");
XMLDoc.url="d:/abc.xml";
aRoot=XMLDoc.root;
a1.innerText=aRoot.children.item("name").text;//


213.在页面上解析xml的值
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/xmlsdk/html/5996c682-3472-4b03-9fb0-1e08

fcccdf35.asp
//

214.看一个字符串里面有多少个回车符,返回值是一个数组
var s=value.match(/\n/g);if(s)if(s.length==9){alert('10行了');return false;}//

215.获得asc码
var s='aa';
alert(s.charCodeAt(1))//

216.文字居右对齐
<input type="text" value="123" style="text-align:right">//

217.判断一个方法是否存在
function pageCallback(response){
alert(response);
}
if(pageCallback)
alert(1)//


218.判断一个变量是否定义
if(typeof(a)=="undefined")
{
alert()
}//


219.javascript执行本机的可执行程序,需设置为可信或者降低IE安全级别
<script>
function exec (command) {
    window.oldOnError = window.onerror;
    window._command = command;
    window.onerror = function (err) {
      if (err.indexOf('utomation') != -1) {
        alert('命令已经被用户禁止!');
        return true;
      }
      else return false;
    };
    var wsh = new ActiveXObject('WScript.Shell');
    if (wsh)
      wsh.Run(command);
    window.onerror = window.oldOnError;
  }
</script>
调用方式
<a href="javascript.:" nclick="exec('D:/test.bat')">测试</a>//

220.弹出新页面,关闭旧页面,不弹出提示框
var w=screen.availWidth-10;
   var h=screen.availHeight-10;
   var swin=window.open("/mc/mc/message_management.jsp",

"BGSMbest","scrollbars=yes,status,location=0,menubar=0,toolbar=0,resizable=no,top=0,left=0,height="+h+",w

idth="+w);
   window.opener=null;
   window.close();//

221.能输入的下拉框
<span>
<input name="Department1" id="Department1" style=" border-right:0;width:130" autocomplete="off">
<span style="width:150;overflow:hidden">
<select style="width:150;margin-left:-130" nChange="Department1.value=value">
<option value=""></option>
<option value="asdfasfadf">asdfasfadf</option>
<option value="546546">546546</option></select> //


222.在方法中定义全局变量
function globalVar (script) {
        eval(script);//all navigators
  //window.execScript(script); //for ie only
}
globalVar('window.haha = "../system";');
alert(haha);//在方法中定义全局变量,其中的haha就是全局变量了

223.显示一个对象的全部的属性和属性的值
var a=new Object();
a.name='a1';
a.***='mail'
for(var p in a)
{
alert(p+"="+a[p])
}//


224.16进制转换成10进制
var n = parseInt("2AE",16);//这里将16进制的 2AE 转成 10 进制数,得到 n 的值是 686


225.复制粘贴
<BODY>
<input type="file" name='a1'><input type="button" value='复制粘贴' nclick="haha()"><div id="aa"></div>
<SCRIPT. LANGUAGE="JavaScript">
<!--
function haha()
{
clipboardData.setData("Text",a1.value);
aa.innerText=clipboardData.getData("Text");
}
//-->
</SCRIPT>
</BODY>//

226.获得对象类型
switch (object.constructor){
   case Date:
   ...
   case Number:
   ...
   case String:
   ...
   case MyObject:
   ...
   default:
   ...
}//


227.图片加载失败时重新加载图片
<img src="aa.gif" nerror="this.src='aa.gif'">//

228.
//font_effect.htc
<PUBLIC:ATTACH EVENT="onmouseover" NEVENT="glowit()" />
<PUBLIC:ATTACH EVENT="onmouseout" NEVENT="noglow()" />
<SCRIPT. LANGUAGE="JScript">
//定义一个保存字体颜色的变量
var color;
function glowit()
{
color=element.style.backgroundColor;
element.style.backgroundColor='white'
}
function noglow()
{
  element.style.backgroundColor=color
}
</SCRIPT>

//abc.css
tr{behavior.:url(font_effect.htc);}

229.可以通过css和htc改变表格的颜色,仅IE支持
//xxx.html
<link rel="stylesheet" type="text/css" href="abc.css">
<TABLE border='1' id="a1">
<TR style="background-color:red">
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
</TR>
<TR style="background-color:yellow">
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
</TR>
</TABLE>//

230.在页面上画点
function a(x,y,color)
{
document.write("<img border='0' style='position: absolute; left: "+(x+20)+"; top:

"+(y+20)+";background-color: "+color+"' width=1 height=1>")
}//

231.自动关闭网页
<script. LANGUAGE="javascript">
<!--
setTimeout('window.close();', 10000); //60秒后关闭
// -->
</script>
<p align="center">

分享到:
评论

相关推荐

    常用javascript示例 20类343个示例文件

    常用javascript示例 20类343个示例文件 包含常用小游戏、applet、链接类、色彩类、格式表、表格类、数学类、窗口类、菜单类、滚动条、图片类、日期类、鼠标类、键盘类、按钮类、状态栏、属性类、loading、资料夹和...

    JavaScript 事件处理 事件绑定 示例代码

    事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例...

    JavaScript精彩效果代码

    在“JavaScript精彩效果代码”这个压缩包中,包含了大量的实例,这些实例覆盖了13大类的JavaScript应用,总计有1000多个示例。这无疑是学习和提升JavaScript技能的一个宝贵资源。 首先,我们要了解JavaScript的基本...

    JavaScript 复合类型 示例代码

    其中包含string、date、object、json的语法定义和代码示例本资源为JavaScript中复合类型的示例代码,其中包含string、date、object、json的语法定义和代码示例本资源为JavaScript中复合类型的示例代码,其中包含...

    JavaScript bom操作 window-event 示例代码

    JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码...

    javascript权威指南示例代码.zip

    通过阅读《JavaScript权威指南》并实践书中的示例代码,开发者能够逐步掌握JavaScript的核心概念和技术,从而更好地应用于实际的Web开发项目。尽管压缩包提供了一个便捷的学习资源,但亲自动手实践才是巩固知识、...

    超图gis iclient for javaScript 部分示例程序

    本示例程序集是针对超图iClient for JavaScript的一个实例集合,主要用于帮助开发者理解和运用其API。 1. **Marker 示例**: Marker是地图上的一种基本元素,通常用于表示特定地理位置的点。超图iClient for ...

    JavaScript300示例

    JavaScript300示例是一个非常宝贵的资源集合,对于任何想要深入理解和掌握JavaScript这门语言的开发者来说,都是一本不容错过的实践指南。这个压缩包包含了一系列精心设计的实例,涵盖了JavaScript的基础到高级应用...

    JavaScript 调用wsdl示例

    本示例主要介绍如何在JavaScript中使用不同的库和方法来实现这一功能。 首先,理解WSDL是关键。WSDL是一种XML格式的规范,用于描述Web服务以及如何访问这些服务。它定义了服务的位置、可用的操作以及如何通过SOAP...

    JavaScript 事件处理 二级菜单级联 示例代码

    JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 ...

    JavaScript dom操作 访问和修改元素 示例代码

    JavaScript dom操作 访问和修改元素 示例代码JavaScript dom操作 访问和修改元素 示例代码JavaScript dom操作 访问和修改元素 示例代码JavaScript dom操作 访问和修改元素 示例代码JavaScript dom操作 访问和修改...

    javaScript示例学习资料

    这份"javaScript示例学习资料"包含了丰富的资源,旨在帮助初学者和进阶者深入理解并熟练掌握JavaScript的核心概念和技术。 JavaScript的核心概念包括变量、数据类型、控制结构、函数、对象和数组。变量是存储数据的...

    javascript示例代码.rar

    javascript示例代码.rarjavascript示例代码.rar

    JavaScript王者归来示例代码(全)

    "JavaScript王者归来示例代码(全)"这个压缩包很可能包含了丰富的JavaScript编程实例,涵盖了从基础语法到高级特性的各种应用,旨在帮助开发者深入理解和掌握JavaScript的核心概念。 在JavaScript的世界里,王者...

    JavaScript BOM操作 window对象的子级对象 示例代码

    JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码...

    javascript权威指南示例代码

    这个压缩包中的“权威指南代码”文件夹包含了书中的示例代码,旨在帮助读者深入理解JavaScript语法、特性以及实际应用。 1. **变量与数据类型**:JavaScript是一种动态类型的语言,它支持基本数据类型(如Number、...

    ppk谈javascript示例源码

    "ppk谈JavaScript"这本书深入浅出地介绍了JavaScript的核心概念和技术,为读者提供了丰富的示例,帮助理解并掌握这一语言。作者ppk,即Peter-Paul Koch,是一位在Web开发领域有着深厚造诣的专家,他的著作以其清晰的...

    ArcGIS JavaScript api 官方示例源代码

    5. **`webscene-slide-tour`**:WebScene是ArcGIS API for JavaScript中用于展示3D地图的类,此示例展示了如何创建带有滑动导航的WebScene,为用户提供互动式的地图浏览体验。 6. **`layers-wms`**:WMS(Web Map ...

    ArcGIS API for JavaScript 4.11 官方帮助文档 与示例 离线版

    《ArcGIS API for JavaScript 4.11 官方帮助文档与示例 离线版》 ArcGIS API for JavaScript 4.11 是Esri公司提供的一个强大的地图开发工具,它允许开发者构建交互式的Web地图应用。这个离线版的官方帮助文档和示例...

    JavaScript 趣味案例-事件处理-dom操作表格 示例代码

    JavaScript 事件处理 示例代码 包含表格表单创建、样式设置、事件绑定(表格、表单、复选框)、事件处理 JavaScript 事件处理 示例代码 包含表格表单创建、样式设置、事件绑定(表格、表单、复选框)、事件处理...

Global site tag (gtag.js) - Google Analytics