`
朱嘉华
  • 浏览: 236278 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript常用脚本3

    博客分类:
  • js
阅读更多
2008年04月23日 星期三 15:07

80.删除表格某行,xx表示某行,下标从0开始计算
document.all.myTable.deleteRow(xx)//

81.动态的向表格中添加行
<table id="t1" border="1">
</table>
<script. language="JavaScript">
function add()
{
   t1.insertRow().insertCell().innerHTML = '<input name="test'+t1.rows.length+'">';
}//

 

82.event.x,event.clientX,event.offsetX区别:
x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。 clientX:相对于客户区域的x坐标位置,不

包括滚动条,就是正文区域。 offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。


83.显示是鼠标按钮的哪个
<body nMouseDown="alert(event.button)">点Mouse看看//

84.打开C盘
<form. action="file:///c|/"><input type="submit" value="c:\ drive"></form>//

85.当前屏幕的分辨率
screen.width、screen.height//

86.设置表格中的内容
tbl.rows[0].cells[1].innerText=document.form.text1.value;//


87.本地快捷键
<p><a href="file:///::{208D2C60-3AEA-1069-A2D7-08002B30309D}" target="_blank">网上邻居</a></p>
<p><a href="http://blog.csdn.net/lxs5i5j/archive/2007/01/22/"<a" target="_blank">我的电脑</a></p>
<p><a href="file:///::{450D8FBA-AD25-11D0-98A8-0800361B1103}" target="_blank">我的文档</a></p>
<p><a href="http://blog.csdn.net/lxs5i5j/archive/2007/01/22/"<a}" target="_blank">回收站</a></p>
<p><a href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}/::{21EC2020-3AEA-1069-A2DD-08002B30309D}"

target="_blank">控制面板</a></p>
<p><a href="file:///::{7007ACC7-3202-11D1-AAD2-00805FC1270E}">拨号网络</a>(windows 2000)</p>


88.IE菜单
<button nclick="min.Click()"><font face="webdings">0</font></button>//改变按钮上的图片
<input type=button nclick="document.execCommand('CreateLink','true','true')"> //创建新连接
<input type=button nclick="document.execCommand('print','true','true')"> //打印
<input type=button nclick="document.execCommand('saveas','true','网站制作.htm')">//另存为htm
<input type=button nclick="document.execCommand('saveas','true','网站制作.txt')">//另存为txt
document.execCommand("SaveAs")//保存为
document.execCommand('undo')//撤销上一次***作

89.web对话框
<SCRIPT>
var contents='<style>body,td{font:menu}img{cursor:hand}</style>';
contents+='<title>你要关闭我吗</title>';
contents+='<body bgcolor=menu>';
contents+='<table width=100% height=100% border=0>';
contents+='<tr><td align=center>';
contents+='你要关闭我吗?<br>';
contents+='<img src=dark.gif nclick=self.close() alt="...关闭">';
contents+='<img src=jet.gif nclick=self.close() alt="全是关闭">';
contents+='</td></tr></table>';
showModalDialog("about:"+contents+"","","dialogHeight:50px;dialogWidth:250px;help:no;status:no")
document.write(contents);
</SCRIPT>//

90.取第x,y的值
<button nclick="t1.rows[x].cells[y].innerText='guoguo'"></button>//

91.向新打开的网页上写内容
newwin=window.open('about:blank','','top=10');
newwin.document.write('');//

93.返回
javascript.:history.go(-2);//

94.将页面上选中的内容复制到剪贴板
abcdefg
<input type='button'

onclick="window.clipboardData.setData('text',document.selection.createRange().text);" value='复制页面选中

的字符'>//
95.将页面上选中的内容复制到剪贴板
<INPUT TYPE="text" NAME="">kjhkjhkhkj<INPUT TYPE="button" nclick="document.execCommand('Copy', 'false',

null);">////

96.鼠标移到下拉框时自动全部打开
<select nmouseover="javascript.:this.size=this.length" nmouseout="javascript.:this.size=1"></select>//

97.获得本机的文件
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("C:\\bsitcdata\\e***home.xml");
alert("File last modified: " + f1.DateLastModified); //

98.判断客户端是否是IE浏览器
因为 document.all 是 IE 的特有属性,所以通常用这个方法来判断客户端是否是IE浏览器 ,document.all?1:0;

99.创建新的下拉框选项
new Option(text,value)这样的函数//

100.在页面上画柱状图
<STYLE>
td{font-size:12px}
body{font-size:12px}
v\:*{behavior.:url(#default#VML);} //这里声明了v作为VML公用变量
</STYLE>
<SCRIPT. LANGUAGE="JavaScript">
mathstr=12;
document.write ("<v:rect fillcolor='red'

style='width:20;color:navy;height:"+5000/(1000/mathstr)+"'><br>&nbsp;%"+mathstr+"<br>4人<v:Extrusion

backdepth='15pt' n='true'/></v:rect>")
</SCRIPT>
<v:rect fillcolor='red' style='width:20;color:navy;height:200'><br>%12<br>4人<v:Extrusion

backdepth='15pt' n='true'/></v:rect>
<v:rect fillcolor='yellow' style='width:20;color:navy;height:100'><br>%12<br>4人<v:Extrusion

backdepth='15pt' n='true'/></v:rect>//

 

101.饼图
<style>
v\:*     { behavior. url(#default#VML) }
o\:*     { behavior. url(#default#VML) }
.shape    { behavior. url(#default#VML) }
</style>
<script. language="javascript">
function show(pie)
{
pie.strokecolor=pie.fillcolor;
pie.strokeweight=10;
div1.innerHTML="<font size=2 color=red> " + pie.id +"</font> <font size=2>" + pie.title + "</font>";
}
function hide(pie)
{
pie.strokecolor="white";
pie.strokeweight=1;
div1.innerHTML="";
}
</script>
</head>
<body>
<v:group style='width: 5cm; height: 5cm' coordorigin='0,0' coordsize='250,250'>
<v:shape id='asp技术' style='width:10;height:10;top:10;left:0' title='得票数:6 比例:40.00%'

onmouseover='javascript.:show(this);' nmouseout='javascript.:hide(this);' href='http://www.cnADO.com'

CoordSize='10,10' strokecolor='white' fillcolor='#ffff33'><v:path v='m 300,200 ae

300,200,200,150,0,9437184 xe'/></v:shape>
<v:shape id='php' style='width:10;height:10;top:10;left:0' title='得票数:1 比例:6.67%'

onmouseover='javascript.:show(this);' nmouseout='javascript.:hide(this);' href='http://www.cnADO.com'

CoordSize='10,10' strokecolor='white' fillcolor='#ff9933'><v:path v='m 300,200 ae

300,200,200,150,9437184,1572864 xe'/></v:shape>
<v:shape id='jsp' style='width:10;height:10;top:10;left:0' title='得票数:2 比例:13.33%'

onmouseover='javascript.:show(this);' nmouseout='javascript.:hide(this);' href='http://www.cnADO.com'

CoordSize='10,10' strokecolor='white' fillcolor='#3399ff'><v:path v='m 300,200 ae

300,200,200,150,11010048,3145728 xe'/></v:shape>
<v:shape id='c#写的.netWEB程序' style='width:10;height:10;top:10;left:0' title='得票数:3 比例:20.00%'

onmouseover='javascript.:show(this);' nmouseout='javascript.:hide(this);' href='http://www.cnADO.com'

CoordSize='10,10' strokecolor='white' fillcolor='#99ff33'><v:path v='m 300,200 ae

300,200,200,150,14155776,4718592 xe'/></v:shape>
<v:shape id='vb.net写的.netWEB程序' style='width:10;height:10;top:10;left:0' title='得票数:2 比例:13.33%'

onmouseover='javascript.:show(this);' nmouseout='javascript.:hide(this);' href='http://www.cnADO.com'

CoordSize='10,10' strokecolor='white' fillcolor='#ff6600'><v:path v='m 300,200 ae

300,200,200,150,18874368,3145728 xe'/></v:shape>
<v:shape id='xml技术' style='width:10;height:10;top:10;left:0' title='得票数:1 比例:6.67%'

onmouseover='javascript.:show(this);' nmouseout='javascript.:hide(this);' href='http://www.cnADO.com'

CoordSize='10,10' strokecolor='white' fillcolor='#ff99ff'><v:path v='m 300,200 ae

300,200,200,150,22020096,1572864 xe'/></v:shape>
</v:group>

<v:group style='width: 6cm; height: 6cm' coordorigin='0,0' coordsize='250,250'>
<v:rect style='height:10;width:15;top:0;left:10' fillcolor='#ffff33'/>
<v:rect style='height:28;width:100;top:0;left:30' stroked='false'><v:textbox

style='fontsize:2'>asp技术</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:30;left:10' fillcolor='#ff9933'/>
<v:rect style='height:28;width:100;top:30;left:30' stroked='false'><v:textbox

style='fontsize:2'>php</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:60;left:10' fillcolor='#3399ff'/>
<v:rect style='height:28;width:100;top:60;left:30' stroked='false'><v:textbox

style='fontsize:2'>jsp</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:90;left:10' fillcolor='#99ff33'/>
<v:rect style='height:28;width:100;top:90;left:30' stroked='false'><v:textbox

style='fontsize:2'>c#写的.netWEB程序</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:120;left:10' fillcolor='#ff6600'/>
<v:rect style='height:28;width:100;top:120;left:30' stroked='false'><v:textbox style='fontsize:2'>vb.net

写的.netWEB程序</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:150;left:10' fillcolor='#ff99ff'/>
<v:rect style='height:28;width:100;top:150;left:30' stroked='false'><v:textbox style='fontsize:2'>xml技术

</v:textbox/></v:rect>
</v:group>

<div style="position: absolute; left: 10; top: 10; width: 760; height:16">
<table border="1" cellpadding="2" cellspacing="2" cellpadding="0" cellspacing="0"

style="border-collapse: collapse" bordercolor="#CCCCCC" width="100%" ID="Table1">
<tr>
   <td width="100%" id=div1> </td>
</tr>
</table>
</div>//

102.是一个特殊的容器,想装个网页都行
<button><iframe. src="http://www.google.com/"></iframe></button>//button

103.外部的html代码
event.srcElement.outerHTML//

104.标识当前的IE事件的触发器
event.srcElement和event.keyCode//

105.事件类型
event.type//

106.动态改变类型
<style>
.Overnone { border-width:0;background-color:darkblue;cursor:default;color:gold;width:115}
.Outnone   {border-width:0;background-color:white;cursor:default;width:115}
</style>
<input class=Outnone nmouseover=this.className='Overnone' >//

107.页面翻转
<html dir=rtl></html>//

108.滚屏
parent.scroll(x,y);//
<body nload="s=0" nDblClick="s=setInterval('scrollBy(0, 1)',10)" nClick="clearInterval(s)">//

109.改变状态栏
self.status ="";//

110.改变窗口大小
window.resizeTo(200,300);//

111.改变鼠标样式
style
BODY{CURSOR: url('mouse.ani');
SCROLLBAR-BASE-COLOR: #506AA8;
SCROLLBAR-ARROW-COLOR: #14213F;
}//

112.背景透明
<input type="button" value="Button" style="background-color: transparent; border: 0;">//

113.鼠标为等待形状
<input type=button nclick="this.style.cursor='wait'">//

114.调用父窗口的函数
opener.fucntion1();//

115.body的内部html代码
<input type="button" nclick="alert(code.document.body.innerHTML)" value="查看">//

116.框架中调用父窗口的函数
<INPUT TYPE='button' nclick='parent.test();' value='调用parent窗口的函数'>//

117.交换节点
<table width=200 height=200 border>
<tr><td id=c1>CELL_1</td></tr>
<tr><td id=c2>CELL_2</td></tr>
</table>
<br>
<input type="button" value="swap row" nclick="c1.swapNode(c2)">//

118.删除节点
<table width=200 height=200 border>
<tr id=trall><td id=c1>CELL_1</td></tr>
<tr><td id=c2>CELL_2</td></tr>
</table>
<br>
<input type="button" value="swap row" nclick="trall.removeNode(c2)">//

119.添加节点
addNode()//

120.获得事件的父与子标签
event.srcElement.children[0]和event.srcElement.parentElement //


121.集中为按钮改变颜色
<style>
button{benc:expression(this.onfocus = function(){this.style.backgroundColor='#E5F0FF';})}
</style>
<button>New</button>//


122.判断是左键还是右键被按下
<body nmousedown=if(event.button==1)alert("左键");if(event.button==2)alert("右键")>//

123.获得***作系统的名称和浏览器的名称
document.write(navigator.userAgent)//


124.alt/ctrl/shift键按下
event.altKey //按下alt键
event.ctrlKey //按下ctrl键
event.shiftKey //按下shift键

 

125.将当前位置定位为C盘。
{window.location="c:"}//

126.返回输入框的类型
<script>
alert(event.srcElement.type);//
</script>

127.模拟控件的单击事件
<INPUT TYPE="hidden" name="guoguo" nclick="haha()">
<SCRIPT. LANGUAGE="JavaScript">
<!--

function haha()
{
alert();
}
guoguo.click();

分享到:
评论

相关推荐

    javascript 客户端常用脚本

    javascript 客户端常用脚本javascript 客户端常用脚本javascript 客户端常用脚本javascript 客户端常用脚本javascript 客户端常用脚本javascript 客户端常用脚本javascript 客户端常用脚本

    JavaScript常用脚本列表

    JavaScript常用脚本列表,对初学者有指导意义

    Javascript常用脚本归类

    ### JavaScript常用脚本知识点解析 #### 一、禁用右键菜单 **代码示例:** ```javascript oncontextmenu="window.event.returnValue=false" ``` **解析:** 这段代码的作用是阻止用户在网页上通过鼠标右键弹出...

    工作中常用的javascript脚本

    这个压缩包中收集的"工作中常用的javascript脚本"涵盖了各种实用场景,帮助开发者提高工作效率。 1. **基础语法** JavaScript的基础语法包括变量声明(`var`, `let`, `const`)、数据类型(如字符串、数字、布尔、...

    javascript常用校验脚本

    以下是一些常见的JavaScript验证脚本,用于检查电子邮件地址、移动电话号码、身份证、计算机的IP地址以及邮政编码。 1. 邮箱验证: 验证邮箱地址通常使用正则表达式,例如: ```javascript function f_check_...

    JavaScript客户端脚本语言

    JavaScript语言基础 JavaScript程序流程控制语句 JavaScript函数和事件处理程序 HTML文档对象模型 JavaScript内置的常用对象 用JavaScript脚本对HTML数据的的验证

    常用的javascript脚本、特效

    在本资源包中,你将找到一系列常用的JavaScript脚本和特效,这些都对提升网站用户体验有着重要作用。 首先,JavaScript脚本是网页动态功能的核心,它可以在用户与网页交互时实时更新内容,比如表单验证、图片轮播、...

    40种网页常用脚本(javascript)

    根据给定文件的信息,我们可以总结出40种网页常用脚本(JavaScript)中的一部分关键知识点。这些脚本在网页开发中极为常见,并被广泛应用于控制用户交互、优化用户体验及实现特定功能等方面。以下是对文件中提及的...

    网页常用javascript脚本

    在这个名为“网页常用jsp脚本”的压缩包中,包含了二百多个常用的JSP脚本代码片段,这些都是为了提高网页开发效率和性能而设计的。 首先,我们需要了解JavaScript的基本概念。JavaScript是一种解释型、轻量级、面向...

    javascript常用函数 javascript 常用库

    一、JavaScript常用函数 1. 数组操作函数 - `push()`: 向数组末尾添加一个或多个元素,并返回新长度。 - `pop()`: 删除并返回数组最后一个元素。 - `shift()`: 删除并返回数组第一个元素。 - `unshift()`: 在...

    Javascript常用脚本

    在"Javascript常用脚本"这个主题中,我们将会深入探讨几个关键的知识点,包括AJAX调用、弹出窗体、页面加载、键盘事件、字符操作、Select全选以及JavaScript调用后台代码进行常见输入验证。 首先,让我们谈谈AJAX...

    WINCC常用脚本说明_wincc脚本_WinCC_

    西门子WINCC(Windows Control Center)是一款广泛应用于工业自动化领域的可视化软件,它允许用户创建、监控和控制...提供的"WINCC常用脚本说明.pdf"文件应包含更多具体的语法示例和实践案例,建议深入阅读以深化理解。

    JavaScript常用脚本汇总(三)_.docx

    JavaScript是一种广泛应用于网页和应用程序开发的脚本语言,它的灵活性和功能强大使其成为前端开发的首选工具。在本文中,我们将探讨一些JavaScript中常见的实用脚本,这些脚本涉及到性能优化、页面滚动条位置的获取...

    常用的JAVASCRIPT脚本特效

    JavaScript是一种广泛应用于网页开发的脚本语言,它可以让网页具有动态交互性,提供丰富的用户体验。以下是一些基于JavaScript实现的常见网页特效: 1. **改变背景色**:使用`onMouseOver`事件监听器,可以当鼠标...

    javascript常用的JS脚本

    本文将基于"javascript常用的JS脚本"这一主题,详细探讨JavaScript的一些核心概念、常用函数和技巧。 首先,理解JavaScript的基本语法是至关重要的。它遵循ECMAScript标准,包括变量声明(var, let, const)、数据...

    JavaScript常用脚本汇总(二)_.docx

    3. **JavaScript保藏功能** 保存网页到书签或收藏夹是用户常用的功能,以下代码展示了如何在jQuery中实现这一功能: ```javascript jQuery.fn.addFavorite = function(l, h) { // ... } ``` 这个函数允许用户...

    javascript常用脚本

    本文将深入解析一份关于JavaScript常用检测脚本的知识点,这份脚本主要包含了一系列用于验证用户输入数据格式的函数,这些函数在前端表单验证中极为常见。 ### 1. `isIP` 函数 此函数用于验证输入的字符串是否符合...

    JavaScript脚本大全

    JavaScript 脚本大全 JavaScript 是一种广泛应用于 Web 开发的脚本语言,它可以添加交互性到网站中,使网站更加生动和交互。以下是 JavaScript 脚本大全中的一些重要知识点: 事件类 在 JavaScript 中,事件是指...

    javascript脚本

    JavaScript脚本是一种强大的客户端编程语言,它在网页开发中扮演着至关重要的角色。JavaScript不仅可以用于交互式的用户界面,还能处理动态内容,实现丰富的互联网应用程序(RIA)。以下将详细阐述标题和描述中涉及...

    程序中常用脚本

    本文件“常用脚本”很可能是收集了一些在编程过程中经常使用的JavaScript代码片段或库。 JavaScript的基础知识点包括变量、数据类型(如字符串、数字、布尔值、对象、数组等)、控制流(如条件语句、循环语句)、...

Global site tag (gtag.js) - Google Analytics