下面的JS代码可以替换当前页面为指定的URL<!DOCTYPE html><html><head><script>function replaceDoc() { window.location.replace("http://www.75271.com") }<……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1578浏览 426个赞
下面的JS代码可以重新加载当前页面<!DOCTYPE html><html><head><script>function reloadPage() { location.reload() }</script></head><body><……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1557浏览 644个赞
下面的JS代码点击按钮后可以控制网页转向指定的url<!DOCTYPE html><html><head><script>function newDoc() { window.location.assign("http://www.75271.com") }<……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1760浏览 1607个赞
下面的JS代码返回当前浏览网页的相对路径,就是不要域名部分的路径,如:/codes/share<!DOCTYPE html><html><body><script>document.write(location.pathname);</script></body>……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1966浏览 2420个赞
JavaScript获取当前浏览网页的完整地址,JS中我们可以通过location对象的href来获取完整url地址<!DOCTYPE html><html><body><script>document.write(location.href);</script></b……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2468浏览 2190个赞
JS中的location.host可以返回当前网址的主机名<!DOCTYPE html><html><body><script>document.write(location.host);</script></body></html>……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2694浏览 2961个赞
下面的JS代码通过点击按钮控制浏览器显示上两次访问过的历史页面<!DOCTYPE html><html><head><script>function goBack() { window.history.go(-2) }</script></head><……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1448浏览 2851个赞
下面的JS代码可以通过点击按钮转向下一页,当然必须用户曾经返回过上一页才能 进行此操作,否则无效。<!DOCTYPE html><html><head><script>function goForward() { window.history.forward() }</scrip……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1941浏览 2393个赞
点击按钮返回上一页,主要通过history.back方法实现<!DOCTYPE html><html><head><script>function goBack() { window.history.back() }</script></head><b……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2798浏览 2287个赞
JS中有一个history对象用于存储访问过的历史URL列表,下面的JS代码输出history中存储的历史url的数量<!DOCTYPE html><html><body><script>document.write("Number of URLs in history list: &q……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1236浏览 2450个赞
下面的JS代码通过screen对象获得用户屏幕的相关信息,包括分辨率、颜色数等等<!DOCTYPE html><html><body><h3>Your Screen:</h3><script>document.write("Total width/height……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2056浏览 1233个赞
下面的JS代码列举了可以从客户端浏览器获得的相关信息,包括浏览器类型、浏览器名称、版本号、是否允许cookie、userAgent、系统语言等等<!DOCTYPE html><html><body><div id="example"></div><script……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1562浏览 2919个赞
下面的JS代码点击开始按钮后开始计时,点击停止按钮后停止计时<!DOCTYPE html><html><head><script>var c=0;var t;var timer_is_on=0;function timedCount(){document.getElementById(&……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1849浏览 475个赞
通过JavaScript重置表单(reset)的方法,下面的代码可以对表单内的输入数据进行重置<!DOCTYPE html><html><head><script>function formReset(){document.getElementById("frm1").res……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2326浏览 2742个赞
JavaScript获得表单的target属性<!DOCTYPE html><html><body><form id="frm1" action="form_action.asp" target="_blank">First name: ……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1400浏览 871个赞
下面的代码通过表单的name属性获得表单名称<!DOCTYPE html><html><body><form id="frm1" name="form1">First name: <input type="text" name=&q……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1957浏览 553个赞
JavaScript获取网页表单的提交方式是get还是post,获取提交方式可以通过表单的method属性获得<!DOCTYPE html><html><body><form id="frm1" action="form_action.asp" method=&qu……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2904浏览 528个赞
JavaScript显示表单内元素的数量,不包含表单本身<!DOCTYPE html><html><body><form id="frm1" action="form_action.asp">First name: <input type="……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2263浏览 907个赞
JavaScript返回表单的enctype属性<!DOCTYPE html><html><body><form id="frm1" enctype="text/plain">First name: <input type="text&quo……继续阅读 » 水墨上仙 4年前 (2021-03-20) 3007浏览 290个赞
JavaScript获取网页表单的action属性,即要提交到的url地址,有时候需要提交到当前页面,则可能会设置action为空,下面代码提取到的action属性也为空。<!DOCTYPE html><html><body><form id="frm1" action="s……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2590浏览 132个赞
JavaScript获取网页支表单持的字符集,通过表单的acceptCharset方法获得<!DOCTYPE html><html><body><form id="frm1" accept-charset="ISO-8859-1">First name: &……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1598浏览 907个赞
下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值<!DOCTYPE html><html><body><form id="frm1" action="form_action.aspx"> First name: <input type=&q……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1645浏览 691个赞
知道按钮的id向获取按钮放在哪一个表单内,可以通过下面的JS代码获取<!DOCTYPE html><html><body><h1>www.75271.com</h1><form id="form1"><button id="button1……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1921浏览 1977个赞
按钮有一个value属性,我们可以通过按钮的value属性获得按钮上显示的文本<!DOCTYPE html><html><body><input type="button" id="button1" value="Click Me!">……继续阅读 » 水墨上仙 4年前 (2021-03-20) 3143浏览 471个赞
下面的JS代码通过按钮对象的disabled属性控制按钮是否可用<!DOCTYPE html><html><body><form>Buttons:<input type="button" id="firstbtn" value="OK&qu……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2795浏览 2069个赞
JavaScript获取网上指定id的按钮的名字(name),按钮包含了name属性,可以直接获取<!DOCTYPE html><html><body><button id="button1" name="button1">Click Me!</butt……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2878浏览 1215个赞
如果网页中定义了base,我们可以通过js代码获得base url地址<!DOCTYPE html><html><head><base id="htmldom" href="http://www.75271.com/jsref/"></head>……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2691浏览 710个赞
JS中的document.title可以获取当前网页的标题<!DOCTYPE html><html><head><title>75271.com</title></head><body>current document's title is: &……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1668浏览 2322个赞
下面的JS代码通过document.referrer获得来源页面地址<!DOCTYPE html><html><body>The referrer of this document is:<script>document.write(document.referrer);</script……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2135浏览 102个赞
下面的JS代码输出当前网页最后修改时间,用到了document.lastModified属性<!DOCTYPE html><html><body>This document was last modified on:<script>document.write(document.lastModi……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2223浏览 2141个赞
JavaScript获得当前日期是星期几,主要通过getDay函数获得当前日期是一个星期的第几天<!DOCTYPE html><html><body><p id="demo">Click the button to display todays day of the week.&……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1360浏览 1918个赞
JavaScript通过replace函数替换字符串,下面的代码将Visit Microsoft中的MicroSoft替换成75271.com<!DOCTYPE html><html><body><p>Click the button to replace "Microsoft"……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2591浏览 823个赞
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) 2025浏览 1831个赞
字符串对象有一个公用的属性length用于获得字符串的长度<!DOCTYPE html><html><body><script>var txt = "Hello World!";document.write(txt.length);</script>&l……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2004浏览 2726个赞
下面的代码通过函数的方式定义了一个对象person,并通过new方法对其进行实例化<!DOCTYPE html><html><body><script>function person(firstname,lastname,age,eyecolor){this.firstname=firstna……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1915浏览 2008个赞
JavaScript中可以直接通过类似python字典的方式定义对象,下面的代码你一看就能明白怎么回事,不用多说。<!DOCTYPE html><html><body><script>person={firstname:"John",lastname:"Doe&quo……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2824浏览 1226个赞
JavaScript通过setTimeout显示一个简单的电子时钟,这段代码主要演示了时间函数和setTimeout定时执行函数的用法<!DOCTYPE html><html><head><script>function startTime(){var today=new Date();var……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2883浏览 1068个赞
下面的代码执行后点击按钮会延迟3秒钟弹出一个警告框,主要演示了setTimeout的使用方法<!DOCTYPE html><html><body><p>75271.com Click the button to wait 3 seconds, then alert "Hello"……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2932浏览 1663个赞
点击按钮后每隔一秒计数器增加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) 2344浏览 1590个赞
下面的代码通过try…catch语句捕捉错误后弹出confirm对话框,如果用户点击cancel按钮则跳转至首页<!DOCTYPE html><html><head><script>var txt="";function message(){try { ……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1680浏览 2017个赞
我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件<!DOCTYPE html><html><head><script>function displayDate(){document.getElementById("demo").innerHTML=Dat……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2753浏览 467个赞
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) 2244浏览 2691个赞
和C语言一样,JavaScript中可以通过break语句终止循环的继续执行<!DOCTYPE html><html><body><p>75271.com Click the button to do a loop with a break.</p><button onclick……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1849浏览 1654个赞
下面的代码演示了JavaScript中do…while循环语句的使用方法<!DOCTYPE html><html><body><p>Click the button to loop through a block of as long as <em>i</em> ……继续阅读 » 水墨上仙 4年前 (2021-03-20) 2654浏览 2494个赞
下面的JS代码监听文本框的onkeydown和onkeyup事件,分别在键盘按下和弹起时触发,并定义setStatus函数响应键盘事件<script type="text/javascript">function setStatus(name,evt) {evt = (evt) ? evt : ((event) ? ……继续阅读 » 水墨上仙 4年前 (2021-03-20) 1914浏览 2904个赞