zoukankan      html  css  js  c++  java
  • 200多个js技巧代码(三)

    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 onMouseDown="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="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\d:\web" target="_blank">我的电脑</a></p><p><a href="file:///::{450D8FBA-AD25-11D0-98A8-0800361B1103}" target="_blank">我的文档</a></p><p><a href="file:///::{645FF040-5081-101B-9F08-00AA002F954E}" 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 onclick="min.Click()"><font face="webdings">0</font></button>//改变按钮上的图片
    <input type=button  onclick="document.execCommand('CreateLink','true','true')"> //创建新连接
    <input type=button  onclick="document.execCommand('print','true','true')"> //打印
    <input type=button  onclick="document.execCommand('saveas','true','网站制作.htm')">//另存为htm
    <input type=button  onclick="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 onclick=self.close() alt="...关闭">';
    contents+='<img src=jet.gif onclick=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 onclick="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" onclick="document.execCommand('Copy', 'false',
    
    null);">////
    
    96.鼠标移到下拉框时自动全部打开
    <select onmouseover="javascript:this.size=this.length" onmouseout="javascript:this.size=1"></select>//
    
    97.获得本机的文件
    var fso = new ActiveXObject("Scripting.FileSystemObject");
    var f1 = fso.GetFile("C:\\bsitcdata\\ejbhome.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='20;color:navy;height:"+5000/(1000/mathstr)+"'><br>&nbsp;%"+mathstr+"<br>4人<v:Extrusion
    
    backdepth='15pt' on='true'/></v:rect>")
    </SCRIPT><v:rect fillcolor='red' style='20;color:navy;height:200'><br>%12<br>4人<v:Extrusion
    
    backdepth='15pt' on='true'/></v:rect><v:rect fillcolor='yellow' style='20;color:navy;height:100'><br>%12<br>4人<v:Extrusion
    
    backdepth='15pt' on='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=' 5cm; height: 5cm' coordorigin='0,0' coordsize='250,250'><v:shape id='asp技术' style='10;height:10;top:10;left:0' title='得票数:6 比例:40.00%'
    
    onmouseover='javascript:show(this);' onmouseout='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='10;height:10;top:10;left:0' title='得票数:1 比例:6.67%'
    
    onmouseover='javascript:show(this);' onmouseout='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='10;height:10;top:10;left:0' title='得票数:2 比例:13.33%'
    
    onmouseover='javascript:show(this);' onmouseout='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='10;height:10;top:10;left:0' title='得票数:3 比例:20.00%'
    
    onmouseover='javascript:show(this);' onmouseout='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='10;height:10;top:10;left:0' title='得票数:2 比例:13.33%'
    
    onmouseover='javascript:show(this);' onmouseout='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='10;height:10;top:10;left:0' title='得票数:1 比例:6.67%'
    
    onmouseover='javascript:show(this);' onmouseout='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=' 6cm; height: 6cm' coordorigin='0,0' coordsize='250,250'><v:rect style='height:10;15;top:0;left:10' fillcolor='#ffff33'/><v:rect style='height:28;100;top:0;left:30' stroked='false'><v:textbox
    
    style='fontsize:2'>asp技术</v:textbox/></v:rect><v:rect style='height:10;15;top:30;left:10' fillcolor='#ff9933'/><v:rect style='height:28;100;top:30;left:30' stroked='false'><v:textbox
    
    style='fontsize:2'>php</v:textbox/></v:rect><v:rect style='height:10;15;top:60;left:10' fillcolor='#3399ff'/><v:rect style='height:28;100;top:60;left:30' stroked='false'><v:textbox
    
    style='fontsize:2'>jsp</v:textbox/></v:rect><v:rect style='height:10;15;top:90;left:10' fillcolor='#99ff33'/><v:rect style='height:28;100;top:90;left:30' stroked='false'><v:textbox
    
    style='fontsize:2'>c#写的.netWEB程序</v:textbox/></v:rect><v:rect style='height:10;15;top:120;left:10' fillcolor='#ff6600'/><v:rect style='height:28;100;top:120;left:30' stroked='false'><v:textbox style='fontsize:2'>vb.net
    
    写的.netWEB程序</v:textbox/></v:rect><v:rect style='height:10;15;top:150;left:10' fillcolor='#ff99ff'/><v:rect style='height:28;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;  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//
    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 onmouseover=this.className='Overnone' >//
    
    107.页面翻转
    <html dir=rtl></html>//
    
    108.滚屏
    parent.scroll(x,y);//
    <body onload="s=0" onDblClick="s=setInterval('scrollBy(0, 1)',10)" onClick="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 onclick="this.style.cursor='wait'">//
    
    114.调用父窗口的函数
    opener.fucntion1();//
    
    115.body的内部html代码
    <input type="button" onclick="alert(code.document.body.innerHTML)" value="查看">//
    
    116.框架中调用父窗口的函数
    <INPUT TYPE='button' onclick='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"  onclick="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"  onclick="trall.removeNode(c2)">//
    
    119.添加节点
    addNode()//
    
    120.获得事件的父与子标签
    event.srcElement.children[0]和event.srcElement.parentElement //
    105.事件类型 event.type//
  • 相关阅读:
    9月23日JavaScript作业----用DIV做下拉列表
    9月23日JavaScript作业----日期时间选择
    9月23日JavaScript作业----两个列表之间移动数据
    9月22日下午JavaScript----Document对象
    9月22日上午JavaScript----window对象
    9月20日下午JavaScript函数--递归
    9月20日上午JavaScript函数
    9月19日下午JavaScript数组冒泡排列和二分法
    9月19日上午JavaScript数组
    9月6日表格标签(table、行、列、表头)(补)
  • 原文地址:https://www.cnblogs.com/xiaoluo501395377/p/2736285.html
Copyright © 2011-2022 走看看