下面的JS代码通过document.archors数组获取第一个archor的innerHTML<!DOCTYPE html><html><body><a name="html">75271.com</a><br><a name="css……继续阅读 » 水墨上仙 4年前 (2021-03-20) 3046浏览 1379个赞
JavaScript返回网页中锚定的数目，下面的JS代码获取页面中的anchor数量<!DOCTYPE html><html><body><a name="html">HTML Tutorial</a><br><a name="css&……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1340浏览 287个赞
下面的JS代码写在iframe里面，点击按钮后整个网页会转向指定的url，而不是只转iframe里的页面<!DOCTYPE html><html><head><script>function breakout(){if (window.top!=window.self) { windo……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2131浏览 2548个赞
下面的JS代码可以替换当前页面为指定的URL<!DOCTYPE html><html><head><script>function replaceDoc() { window.location.replace("http://www.75271.com") }<……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2169浏览 2480个赞
下面的JS代码可以重新加载当前页面<!DOCTYPE html><html><head><script>function reloadPage() { location.reload() }</script></head><body><……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1545浏览 927个赞
下面的JS代码点击按钮后可以控制网页转向指定的url<!DOCTYPE html><html><head><script>function newDoc() { window.location.assign("http://www.75271.com") }<……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2330浏览 1972个赞
下面的JS代码返回当前浏览网页的相对路径，就是不要域名部分的路径，如：/codes/share<!DOCTYPE html><html><body><script>document.write(location.pathname);</script></body>……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1753浏览 716个赞
JavaScript获取当前浏览网页的完整地址，JS中我们可以通过location对象的href来获取完整url地址<!DOCTYPE html><html><body><script>document.write(location.href);</script></b……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1197浏览 1518个赞
JS中的location.host可以返回当前网址的主机名<!DOCTYPE html><html><body><script>document.write(location.host);</script></body></html>……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2844浏览 1947个赞
下面的JS代码通过点击按钮控制浏览器显示上两次访问过的历史页面<!DOCTYPE html><html><head><script>function goBack() { window.history.go(-2) }</script></head><……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2519浏览 2945个赞
下面的JS代码可以通过点击按钮转向下一页，当然必须用户曾经返回过上一页才能 进行此操作，否则无效。<!DOCTYPE html><html><head><script>function goForward() { window.history.forward() }</scrip……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1580浏览 1070个赞
点击按钮返回上一页，主要通过history.back方法实现<!DOCTYPE html><html><head><script>function goBack() { window.history.back() }</script></head><b……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1371浏览 950个赞
JS中有一个history对象用于存储访问过的历史URL列表，下面的JS代码输出history中存储的历史url的数量<!DOCTYPE html><html><body><script>document.write("Number of URLs in history list: &q……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2367浏览 2111个赞
下面的JS代码通过screen对象获得用户屏幕的相关信息，包括分辨率、颜色数等等<!DOCTYPE html><html><body><h3>Your Screen:</h3><script>document.write("Total width/height……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1842浏览 1083个赞
下面的JS代码列举了可以从客户端浏览器获得的相关信息，包括浏览器类型、浏览器名称、版本号、是否允许cookie、userAgent、系统语言等等<!DOCTYPE html><html><body><div id="example"></div><script……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1191浏览 2309个赞
下面的JS代码点击开始按钮后开始计时，点击停止按钮后停止计时<!DOCTYPE html><html><head><script>var c=0;var t;var timer_is_on=0;function timedCount(){document.getElementById(&……继续阅读 » 水墨上仙 4年前 (2021-03-20) 3031浏览 2010个赞
通过JavaScript重置表单（reset）的方法，下面的代码可以对表单内的输入数据进行重置<!DOCTYPE html><html><head><script>function formReset(){document.getElementById("frm1").res……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2735浏览 1949个赞
JavaScript获得表单的target属性<!DOCTYPE html><html><body><form id="frm1" action="form_action.asp" target="_blank">First name: ……继续阅读 » 水墨上仙 4年前 (2021-03-20) 3056浏览 1794个赞
下面的代码通过表单的name属性获得表单名称<!DOCTYPE html><html><body><form id="frm1" name="form1">First name: <input type="text" name=&q……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2757浏览 2363个赞
JavaScript获取网页表单的提交方式是get还是post，获取提交方式可以通过表单的method属性获得<!DOCTYPE html><html><body><form id="frm1" action="form_action.asp" method=&qu……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1960浏览 342个赞
JavaScript显示表单内元素的数量，不包含表单本身<!DOCTYPE html><html><body><form id="frm1" action="form_action.asp">First name: <input type="……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2892浏览 1756个赞
JavaScript返回表单的enctype属性<!DOCTYPE html><html><body><form id="frm1" enctype="text/plain">First name: <input type="text&quo……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2166浏览 1119个赞
JavaScript获取网页表单的action属性，即要提交到的url地址，有时候需要提交到当前页面，则可能会设置action为空，下面代码提取到的action属性也为空。<!DOCTYPE html><html><body><form id="frm1" action="s……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2202浏览 1675个赞
JavaScript获取网页支表单持的字符集，通过表单的acceptCharset方法获得<!DOCTYPE html><html><body><form id="frm1" accept-charset="ISO-8859-1">First name: &……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2786浏览 1278个赞
下面的JS代码可以遍历指定表单中的所有元素，并输出元素的值<!DOCTYPE html><html><body><form id="frm1" action="form_action.aspx"> First name: <input type=&q……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1213浏览 1476个赞
知道按钮的id向获取按钮放在哪一个表单内，可以通过下面的JS代码获取<!DOCTYPE html><html><body><h1>www.75271.com</h1><form id="form1"><button id="button1……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2030浏览 1893个赞
按钮有一个value属性，我们可以通过按钮的value属性获得按钮上显示的文本<!DOCTYPE html><html><body><input type="button" id="button1" value="Click Me!">……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2943浏览 1934个赞
下面的JS代码通过按钮对象的disabled属性控制按钮是否可用<!DOCTYPE html><html><body><form>Buttons:<input type="button" id="firstbtn" value="OK&qu……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2191浏览 1430个赞
JavaScript获取网上指定id的按钮的名字（name），按钮包含了name属性，可以直接获取<!DOCTYPE html><html><body><button id="button1" name="button1">Click Me!</butt……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2807浏览 398个赞
如果网页中定义了base，我们可以通过js代码获得base url地址<!DOCTYPE html><html><head><base id="htmldom" href="http://www.75271.com/jsref/"></head>……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2422浏览 688个赞
JS中的document.title可以获取当前网页的标题<!DOCTYPE html><html><head><title>75271.com</title></head><body>current document's title is: &……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1724浏览 1415个赞
下面的JS代码通过document.referrer获得来源页面地址<!DOCTYPE html><html><body>The referrer of this document is:<script>document.write(document.referrer);</script……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2163浏览 1543个赞
下面的JS代码输出当前网页最后修改时间，用到了document.lastModified属性<!DOCTYPE html><html><body>This document was last modified on:<script>document.write(document.lastModi……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2823浏览 996个赞
JavaScript获得当前日期是星期几，主要通过getDay函数获得当前日期是一个星期的第几天<!DOCTYPE html><html><body><p id="demo">Click the button to display todays day of the week.&……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1463浏览 1756个赞
JavaScript通过replace函数替换字符串，下面的代码将Visit Microsoft中的MicroSoft替换成75271.com<!DOCTYPE html><html><body><p>Click the button to replace "Microsoft"……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2930浏览 1760个赞
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) 2330浏览 1910个赞
字符串对象有一个公用的属性length用于获得字符串的长度<!DOCTYPE html><html><body><script>var txt = "Hello World!";document.write(txt.length);</script>&l……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1788浏览 3000个赞
下面的代码通过函数的方式定义了一个对象person，并通过new方法对其进行实例化<!DOCTYPE html><html><body><script>function person(firstname,lastname,age,eyecolor){this.firstname=firstna……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2534浏览 2453个赞
JavaScript中可以直接通过类似python字典的方式定义对象，下面的代码你一看就能明白怎么回事，不用多说。<!DOCTYPE html><html><body><script>person={firstname:"John",lastname:"Doe&quo……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2134浏览 1474个赞
JavaScript通过setTimeout显示一个简单的电子时钟，这段代码主要演示了时间函数和setTimeout定时执行函数的用法<!DOCTYPE html><html><head><script>function startTime(){var today=new Date();var……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2128浏览 817个赞
下面的代码执行后点击按钮会延迟3秒钟弹出一个警告框，主要演示了setTimeout的使用方法<!DOCTYPE html><html><body><p>75271.com Click the button to wait 3 seconds, then alert "Hello"……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1617浏览 226个赞
点击按钮后每隔一秒计数器增加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) 1350浏览 707个赞
下面的代码通过try…catch语句捕捉错误后弹出confirm对话框，如果用户点击cancel按钮则跳转至首页<!DOCTYPE html><html><head><script>var txt="";function message(){try { ……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2813浏览 1295个赞
我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件<!DOCTYPE html><html><head><script>function displayDate(){document.getElementById("demo").innerHTML=Dat……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1898浏览 1100个赞
JavaScript中通过for…in语句遍历对象，JS中我们可以通过for..in语句输出对象的每一个元素和元素值<!DOCTYPE html><html><body><p>75271.com Click the button to loop through the properties……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1885浏览 2436个赞
