下面的JS代码通过document.images数组获取网页中图片数量<!DOCTYPE html><html><body><h1><a href="http://www.75271.com">脚本分享网</a></h1><img bor……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2660浏览 1290个赞
下面的JS代码通过document.forms数组获得网页中表单(form)的数量<!DOCTYPE html><html><body><h1>75271.com</h1><form name="Form1"></form><form ……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1483浏览 684个赞
下面的JS代码通过document.archors数组获取第一个archor的innerHTML<!DOCTYPE html><html><body><a name="html">75271.com</a><br><a name="css……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2602浏览 2643个赞
JavaScript返回网页中锚定的数目,下面的JS代码获取页面中的anchor数量<!DOCTYPE html><html><body><a name="html">HTML Tutorial</a><br><a name="css&……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1329浏览 572个赞
下面的JS代码写在iframe里面,点击按钮后整个网页会转向指定的url,而不是只转iframe里的页面<!DOCTYPE html><html><head><script>function breakout(){if (window.top!=window.self) { windo……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2171浏览 819个赞
下面的JS代码可以替换当前页面为指定的URL<!DOCTYPE html><html><head><script>function replaceDoc() { window.location.replace("http://www.75271.com") }<……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2845浏览 2538个赞
下面的JS代码可以重新加载当前页面<!DOCTYPE html><html><head><script>function reloadPage() { location.reload() }</script></head><body><……继续阅读 » 水墨上仙 4年前 (2021-03-20) 3240浏览 2991个赞
下面的JS代码点击按钮后可以控制网页转向指定的url<!DOCTYPE html><html><head><script>function newDoc() { window.location.assign("http://www.75271.com") }<……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1388浏览 179个赞
下面的JS代码返回当前浏览网页的相对路径,就是不要域名部分的路径,如:/codes/share<!DOCTYPE html><html><body><script>document.write(location.pathname);</script></body>……继续阅读 » 水墨上仙 4年前 (2021-03-20) 3155浏览 1623个赞
JavaScript获取当前浏览网页的完整地址,JS中我们可以通过location对象的href来获取完整url地址<!DOCTYPE html><html><body><script>document.write(location.href);</script></b……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1206浏览 2394个赞
JS中的location.host可以返回当前网址的主机名<!DOCTYPE html><html><body><script>document.write(location.host);</script></body></html>……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1440浏览 2007个赞
下面的JS代码通过点击按钮控制浏览器显示上两次访问过的历史页面<!DOCTYPE html><html><head><script>function goBack() { window.history.go(-2) }</script></head><……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1722浏览 1317个赞
下面的JS代码可以通过点击按钮转向下一页,当然必须用户曾经返回过上一页才能 进行此操作,否则无效。<!DOCTYPE html><html><head><script>function goForward() { window.history.forward() }</scrip……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1584浏览 1308个赞
点击按钮返回上一页,主要通过history.back方法实现<!DOCTYPE html><html><head><script>function goBack() { window.history.back() }</script></head><b……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1963浏览 1480个赞
JS中有一个history对象用于存储访问过的历史URL列表,下面的JS代码输出history中存储的历史url的数量<!DOCTYPE html><html><body><script>document.write("Number of URLs in history list: &q……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2946浏览 782个赞
下面的JS代码通过screen对象获得用户屏幕的相关信息,包括分辨率、颜色数等等<!DOCTYPE html><html><body><h3>Your Screen:</h3><script>document.write("Total width/height……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2218浏览 294个赞
下面的JS代码列举了可以从客户端浏览器获得的相关信息,包括浏览器类型、浏览器名称、版本号、是否允许cookie、userAgent、系统语言等等<!DOCTYPE html><html><body><div id="example"></div><script……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1675浏览 2487个赞
下面的JS代码点击开始按钮后开始计时,点击停止按钮后停止计时<!DOCTYPE html><html><head><script>var c=0;var t;var timer_is_on=0;function timedCount(){document.getElementById(&……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2597浏览 2847个赞
通过JavaScript重置表单(reset)的方法,下面的代码可以对表单内的输入数据进行重置<!DOCTYPE html><html><head><script>function formReset(){document.getElementById("frm1").res……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1791浏览 778个赞
JavaScript获得表单的target属性<!DOCTYPE html><html><body><form id="frm1" action="form_action.asp" target="_blank">First name: ……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2339浏览 1253个赞
下面的代码通过表单的name属性获得表单名称<!DOCTYPE html><html><body><form id="frm1" name="form1">First name: <input type="text" name=&q……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2479浏览 282个赞
JavaScript获取网页表单的提交方式是get还是post,获取提交方式可以通过表单的method属性获得<!DOCTYPE html><html><body><form id="frm1" action="form_action.asp" method=&qu……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1648浏览 755个赞
JavaScript显示表单内元素的数量,不包含表单本身<!DOCTYPE html><html><body><form id="frm1" action="form_action.asp">First name: <input type="……继续阅读 » 水墨上仙 4年前 (2021-03-20) 3000浏览 766个赞
JavaScript返回表单的enctype属性<!DOCTYPE html><html><body><form id="frm1" enctype="text/plain">First name: <input type="text&quo……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1476浏览 1722个赞
JavaScript获取网页表单的action属性,即要提交到的url地址,有时候需要提交到当前页面,则可能会设置action为空,下面代码提取到的action属性也为空。<!DOCTYPE html><html><body><form id="frm1" action="s……继续阅读 » 水墨上仙 4年前 (2021-03-20) 3216浏览 2760个赞
JavaScript获取网页支表单持的字符集,通过表单的acceptCharset方法获得<!DOCTYPE html><html><body><form id="frm1" accept-charset="ISO-8859-1">First name: &……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1732浏览 2272个赞
下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值<!DOCTYPE html><html><body><form id="frm1" action="form_action.aspx"> First name: <input type=&q……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2784浏览 2067个赞
知道按钮的id向获取按钮放在哪一个表单内,可以通过下面的JS代码获取<!DOCTYPE html><html><body><h1>www.75271.com</h1><form id="form1"><button id="button1……继续阅读 » 水墨上仙 4年前 (2021-03-20) 3111浏览 503个赞
按钮有一个value属性,我们可以通过按钮的value属性获得按钮上显示的文本<!DOCTYPE html><html><body><input type="button" id="button1" value="Click Me!">……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2757浏览 1671个赞
下面的JS代码通过按钮对象的disabled属性控制按钮是否可用<!DOCTYPE html><html><body><form>Buttons:<input type="button" id="firstbtn" value="OK&qu……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2289浏览 1666个赞
JavaScript获取网上指定id的按钮的名字(name),按钮包含了name属性,可以直接获取<!DOCTYPE html><html><body><button id="button1" name="button1">Click Me!</butt……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1550浏览 625个赞
如果网页中定义了base,我们可以通过js代码获得base url地址<!DOCTYPE html><html><head><base id="htmldom" href="http://www.75271.com/jsref/"></head>……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2856浏览 525个赞
JS中的document.title可以获取当前网页的标题<!DOCTYPE html><html><head><title>75271.com</title></head><body>current document's title is: &……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2904浏览 400个赞
下面的JS代码通过document.referrer获得来源页面地址<!DOCTYPE html><html><body>The referrer of this document is:<script>document.write(document.referrer);</script……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2935浏览 1909个赞
下面的JS代码输出当前网页最后修改时间,用到了document.lastModified属性<!DOCTYPE html><html><body>This document was last modified on:<script>document.write(document.lastModi……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2288浏览 2099个赞
JavaScript获得当前日期是星期几,主要通过getDay函数获得当前日期是一个星期的第几天<!DOCTYPE html><html><body><p id="demo">Click the button to display todays day of the week.&……继续阅读 » 水墨上仙 4年前 (2021-03-20) 3098浏览 1938个赞
JavaScript通过replace函数替换字符串,下面的代码将Visit Microsoft中的MicroSoft替换成75271.com<!DOCTYPE html><html><body><p>Click the button to replace "Microsoft"……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1161浏览 237个赞
JavaScript通过indexOf获得子字符串在字符串中的位置<!DOCTYPE html><html><body><p id="demo">Click the button to locate where in the string a specifed value occ……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1749浏览 198个赞
字符串对象有一个公用的属性length用于获得字符串的长度<!DOCTYPE html><html><body><script>var txt = "Hello World!";document.write(txt.length);</script>&l……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1603浏览 1708个赞
下面的代码通过函数的方式定义了一个对象person,并通过new方法对其进行实例化<!DOCTYPE html><html><body><script>function person(firstname,lastname,age,eyecolor){this.firstname=firstna……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2667浏览 1108个赞
JavaScript中可以直接通过类似python字典的方式定义对象,下面的代码你一看就能明白怎么回事,不用多说。<!DOCTYPE html><html><body><script>person={firstname:"John",lastname:"Doe&quo……继续阅读 » 水墨上仙 4年前 (2021-03-20) 3089浏览 639个赞
JavaScript通过setTimeout显示一个简单的电子时钟,这段代码主要演示了时间函数和setTimeout定时执行函数的用法<!DOCTYPE html><html><head><script>function startTime(){var today=new Date();var……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1630浏览 1538个赞
下面的代码执行后点击按钮会延迟3秒钟弹出一个警告框,主要演示了setTimeout的使用方法<!DOCTYPE html><html><body><p>75271.com Click the button to wait 3 seconds, then alert "Hello"……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1335浏览 2885个赞
点击按钮后每隔一秒计数器增加1,通过setTimeout实现<!DOCTYPE html><html><head><script>var c=0;var t;var timer_is_on=0;function timedCount(){document.getElementById(&……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2437浏览 848个赞
下面的代码通过try…catch语句捕捉错误后弹出confirm对话框,如果用户点击cancel按钮则跳转至首页<!DOCTYPE html><html><head><script>var txt="";function message(){try { ……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2763浏览 790个赞