随笔分类 -  javascript

摘要：在网页中加入数字时钟既可以增加页面的活力，又可以方便浏览者。下面将通过一个具体实例介绍如何实现数字时钟，如图所示：制作本实例的基本思路如下：首先需要在页面中添加7个images，主要用于显示两位数的时分秒以及am（上午）和pm（下午），然后在javascript所定义的函数中利用Date对象获得当前时function clock(){ date=new Date(); hour=date.getHours(); minu=date.getMinutes(); sec=date.getSeconds(); if(sec<10) {sec="0"+se... 阅读全文

摘要：本实例将实现显示网页文件最后的修改时间。首先在页面添加了一个文本框控件，然后使用javascript创建了一个函数，在函数中调用document对象的lastModified属性，然后在页面的文本框中显示文件上一次被修改的时间，通过这种方法可以查看网页的更新时间。实现过程：1.编写自定义函数，代码如下：<script language="javascript"> function alterdate() { document.form1.textfield.value = document.lastModified; } </script>2.添加页 阅读全文

摘要：在查看数据信息时，经常需要对多条数据进行操作。例如，删除数据时，通过控制复选框的全选或反选，可以批量删除数据等。以下实例，选中“全选/反选”复选框，表单中所有的复选框都将处于选中状态，如图所示：本实例应用的自定义javascript函数首先判断表单中包含复选框的数量，如果数量大于0，则使用for循环语句设置所有复选框的checked属性为true，如果“全选/反选”复选框处于未选中状态，则设置所有复选框的checked属性值为false。控制复选框的全选伙反选的关键代码如下：<script type="text/javascript">function Chec 阅读全文

摘要：网页中下拉列表的选项是固定的，这样就存在一些弊端，如果用户想要选择的项目不在下拉菜单的选项中，该怎么办？如果能在下拉菜单中输入文字，这个问题就解决了。以下实例中，菜单选项中只包括了“新进成员”、“游侠”、“版主”3个选项，如果要添加的用户是上面三个选项以外的等级，就可以在下拉菜单中直接输入等级名称。程序运行结果如图：由于下拉菜单的选项是固定的，所以要实现在下拉菜单中输入文字，首先要捕获用户的键盘事件，然后根据键盘输入的数据动态添加下拉菜单的选项，同时还需要判断用户按下的是退格键还是空格键，如果是退格键，则需要从已经添加的文字中删除一个文字，如果是空格键，则需要在已经添加的文字后添加一个空格字符 阅读全文

摘要：在实际应用中，经常将事物进行分类，分类可以是二级的或者多级的。在设计页面时，可以使用多个下拉菜单分别显示不同级别的分类信息，即实现多级级联菜单。以下实例，当选择商品的“第一级分类”下拉菜单时，商品的“第二级分类”下拉菜单的内容会随即发生变化。实现多级级联菜单的关键代码如下：<script type="text/javascript">var arr2 = new Array(4);arr2["数码设备"] = new Array("数码相机","打印机");arr2["家用电器"] 阅读全文

摘要：在开发动态网站中，可以将一些固定不变的数据存储在数组中，然后将数组中的数据显示到下拉列表中以供用户选择，这样可以加快程序运行的速度，方便用户浏览网页。以下实例，单击下拉列表的控制按钮，将显示出该下拉列表中的全部选项。（1）在javascript中，首先定义一个数组，并为数组赋值，然后自定义一个javascript函数，将数组中的数据添加到表单的下拉列表中，代码如下：<script type="text/javascript">var counts;counts=0;arr = new Array("JavaScript与ASP"," 阅读全文

摘要：在开发动态网站程序是，经常会遇到将下拉列表中的选项进行多项移除或者多项移入。实例如下：javascript代码：<script language="javascript">function allsel(n1,n2){ while(n1.selectedIndex!=-1) { var indx=n1.selectedIndex; var t=n1.options[indx].text;n2.options.add(new Option(t)); n1.remove(indx); }}</script>html代码：<select name=& 阅读全文

摘要：在设计表单时，为了方便用户填写表单，可以设置按下回车键自动切换到下一个控件的焦点，而不是直接提交表单。主要应用的javascript的Event对象的keyCode只读属性。实现的关键代码如下：<script type="text/javascript">function Myenter(str){ if (event.keyCode == 13){ str.focus();}}</script><input name="username" type="text" class="wenbenku 阅读全文

摘要：在网页中，有时候一些功能可以大大方便用户的操作，比如，当用户点击一个文本框或者编辑框的时候可以自动选择里面的文字，看下具体是如何实现的吧。<script type="text/javascript">function select_txt(){ if (document.form1.title.focus){ document.form1.title.select();}}function Myselect_txtarea(){ if (document.form1.content.focus){ document.form1.content.select(); 阅读全文

摘要：charAt()方法和charCodeAt()方法用于选取字符串中某一位置上的单个字符。对于检查用户输入的有效性，这两个方法也是非常有用的。charAt()方法具有一个参数：即所选取字符在字符串中的位置。charAt()方法的返回值就是该位置上的字符。字符串中字符的索引位置从0开始，因此，第一个字符的索引是0，第二个字符的索引是1，依此类推。 charCodeAt()方法与charAt()方法类似，但它并不返回指定位置上的字符本身，而是返回该字符在Unicode字符集中的编码值。计算机只能理解数字，对于计算机来说，所有字符串都是某种编码的数字。当需要使用的是数字编码所代表的字符，而不是使用数. 阅读全文

摘要：一. document.all是页面内所有元素的一个集合。例如：document.all(0)表示页面内第一个元素二. document.all可以判断浏览器是否是IE if(document.all){ alert("is IE!"); }三. 也可以通过给某个元素设置id属性（id=aaaa）,然后用document.all.aaaa调用该元素四. 案例：代码1: <input name=aaa value=aaa> <input id=bbb value=bbb> <script language=Jscript> alert(do 阅读全文

摘要：在设计网页时，对于一些只有指定用户才能看到的信息，可以以全屏显示的网页模式展示给用户，这样可以保证用户看后能及时将其关闭，再进行其他的操作。示例如下：<script language="javascript">function opendialog(){var width=screen.width;//屏幕的宽度var height=screen.height; //屏幕的高度window.showModalDialog("new.htm","","dialogWidth="+width+"p 阅读全文

摘要：在开发程序网站的时候，有时候需要弹出网页模式对话框。这就需要用到window.showModalDialog（）方法来实现。参数说明：sURL--必选参数，类型：字符串。用来指定对话框要显示的文档的URL。vArguments--可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。sFeatures--可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。1.dialogHeight :对话框高度，不小于１００px，ＩＥ４中dialogHeight 和 阅读全文

摘要：核心：要使window.close在Firefox中有效，必须先设置window.open对于最常用的关闭窗口链接，都比较熟悉，使用的Javascript函数就是：window.close()，写完后在IE下测试，完全搞定；当你用Mozilla内核的浏览器打开时，点击关闭窗口按钮，你会发现事件并不会像你想象的那么顺利，窗口根本就是无动于衷（真痛恨浏览器的兼容性吧，哈哈，淡定，没有浏览器的兼容性，又怎么会有前端开发这个职业呢），这并不是Mozilla内核浏览器不支持window.close()这个方法（打开W3CSCHOOL，你会发现在Firefox 1.0就已经支持了），那到底是什么原因引起F 阅读全文