一、整个页面用一个回车提交事件： <input type=”button” value=”回车提交” id=”auto” onclick=”alert(‘你按了回车’)”/> <script type=”text/javascript”> document.onkeydown = function(e){ if(!e) e = window.event;//火狐中是 window.event if((e.keyCode || e.which) == 13){ document.getElementByIdx_x(“auto”).click(); } } </script> 二、某个输入框中注册回车事件，一般用于用户在页面输入后按回车: <script> function enterIn(evt){ var evt=evt?evt:(window.event?window.event:null);//兼容IE和FF if (evt.keyCode==13){ var obj ; queryDistrict(obj,2); } } </script> <input type=”text” id =”input1″ maxlength=”3″ onkeydown=”enterIn(event);”/>
四 172011
制作页面，有时为了摆脱表格行与行之间单调颜色的显示，追求一种简单视觉效果，要求每行之间以不同颜色显示。一般制作时，都以手工隔行调节色系，这样就会出现管理表格极为不方便。解决的方法就是使用javascript或CSS来控制。 方法一： １、在<head></head>间插入CSS样式，代码： .t1 {background-color:#336699} .t2 {background-color:#ffcc00} 其中，#336699与#ffcc00为每行间的颜色值。 ２、使用Dreamweaver插入表格。并给表格赋予ID值：<table id=”table1″> ３、在表格<table>…</table>代码下，插入javascript代码： <script Language=”javascript1.2″> for (i=0;i<table1.rows.length;i++) { (i%2==0)?(table1.rows(i).className = ”t1″):(table1.rows(i).className = ”t2″); } </script> 演示效果： <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN””http://www.w3.org/TR/html4/loose.dtd”><html><head><meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″><title>交替表格颜色</title><style type=”text/css”><!–.t1 {background-color:#336699}.t2 {background-color:#ffcc00}–></style></head><body><script Language=”javascript1.2″ defer>//http://www.xfbbs.comfor (i=0;i<table1.rows.length;i++) {(i%2==0)?(table1.rows(i).className = “t1″):(table1.rows(i).className = “t2″);}</script><table width=”778″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ id=”table1″> <tr> <td height=”20″> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td height=”20″> [...]
四 142011
经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警 告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的HTML里加入几段Javascript代码即可实 现。下面俺就带您剖析它的奥秘。 【1、最基本的弹出窗口代码】 其实代码非常简单： <SCRIPT LANGUAGE=”javascript”> <!– window.open (page.html) –> </SCRIPT> 因 为这是一段javascripts代码，所以它们应该放在<SCRIPT LANGUAGE=”javascript”>标签和</script>之间。<!– 和 –>是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 window.open (page.html) 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(.. /)均可。 用单引号和双引号都可以，只是不要混用。 这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body>间< /body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。 【2、经过设置后的弹出窗口】 下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。 我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应页面的具体情况。 <SCRIPT LANGUAGE=”javascript”> <!– window.open (page.html, newwindow, height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, status=no) //写成一行 –> </SCRIPT> 参数解释： <SCRIPT LANGUAGE=”javascript”> js脚本开始； window.open 弹出新窗口的命令； page.html 弹出窗口的文件名； newwindow 弹出窗口的名字（不是文件名），非必须，可用空代替； height=100 [...]
四 142011
基本介绍： showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。 window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。 使用方法： vReturnValue = window.showModalDialog(sURL [， vArguments] [，sFeatures]) vReturnValue = window.showModelessDialog(sURL [， vArguments] [，sFeatures]) 参数说明： sURL– 必选参数，类型：字符串。用来指定对话框要显示的文档的URL。 vArguments– 可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。 sFeatures– 可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。 1.dialogHeight :对话框高度，不小于１００px，ＩＥ４中dialogHeight 和 dialogWidth 默认的单位是em，而ＩＥ５中是px，为方便其见，在定义modal方式的对话框时，用px做单位。 2.dialogWidth: 对话框宽度。 3.dialogLeft: 离屏幕左的距离。 4.dialogTop: 离屏幕上的距离。 5.center: {yes | no | 1 | 0 }：窗口是否居中，默认yes，但仍可以指定高度和宽度。 6.help: {yes | no [...]
四 072011
1检测是否有选中 if (objSelect.selectedIndex > -1) { //说明选中 } else { //说明没有选中 } 2.动态创建select function createSelect() { var mySelect = document.createElement(“select”); mySelect.id = “mySelect”; document.body.appendChild(mySelect); } 3.添加选项option function addOption() { //根据id查找对象， var obj = document.getElementById(‘mySelect’); //添加一个选项 obj.add(new Option(“文本”, “值”)); } 4.删除所有选项option function removeAll() { var obj = document.getElementById(‘mySelect’); obj.options.length = 0; } 5.删除一个选项option function removeOne() { [...]
近期评论