Heim > Artikel > Web-Frontend > Wie betreibe ich ein Stücklistenobjekt in js? Methoden zum Betreiben von Stücklistenobjekten in js
Wie betreibe ich ein Stücklistenobjekt in js? Methoden zum Betreiben von Stücklistenobjekten in js
- 不言Original
- 2018-08-21 15:39:521304Durchsuche
Der Inhalt dieses Artikels befasst sich mit der Bedienung von Stücklistenobjekten in js. Die Methode zum Betreiben von Stücklistenobjekten in js hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen.
Drei Kernobjekte:
Fenster:
[window].alert Nur Eingabeaufforderungsmeldung vorhanden. Warnung (Nachricht)
[window].prompt ermöglicht Benutzern die manuelle Eingabe von var obj=prompt(message)
[window].confirm hilft Benutzern, Urteile zu fällen. Wenn der Benutzer auf OK klickt, wird true zurückgegeben,
um „false“ zurückzugeben, wenn Sie auf „Abbrechen“
klicken
open(url) Öffnen Sie die angegebene URL-Adresse
close() Schließt die aktuelle Registerkarte
confirm.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>confirm弹层</title>
<script>
function del(){
var flag = confirm('您确定要删除吗？');
if(flag){
alert("拜拜");
} else{
alert("我们还嫩能够继续。");
}
} function toBaidu(){
open('https://www.baidu.com');
} </script></head><body>
<!--删除按钮-->
<!--<buttun onclick="javascript:confirm('您确定要删除吗？')">删除</buttun>-->
<buttun onclick="del()">删除</buttun>
<buttun onclick="toBaidu()">百度</buttun>
<a href="history.html">去history页面</a>
<button onclick="javascript:history.forward()">前进</button>
</body>
</html>success.html
<!DOCTYPE html><html><head lang="en">
<meta charset="UTF-8">
<title>欢迎页</title>
<script>
function closeThis(){
close('./success.html');
} </script></head><body>
<img src="./img/gaoyuanyuan.png" /> 欢迎您！
<button onclick="closeThis()">关闭</button>
</body>
</html>setTimeout(function(){},毫秒) 指定时间延迟操作 只操作一次
var i=setInterval(function(){},毫秒) 指定时间延迟操作 操作多次(每隔一段时间操作一次)
clearInterval(i) 清空定时特效
onload 事件:等待页面上的所有元素加载完毕timing.html
<!DOCTYPE html><html><head lang="en">
<meta charset="UTF-8">
<title>定时函数</title>
<script>
function print(){
setTimeout(
function(){
alert("我叫jhz");
},5000
);
}
print();
</script>
</head><body>
<input name="btn" type="button" value="定时" onclick="print();" />
</body>
</html><!DOCTYPE html><html><head lang="en">
<meta charset="UTF-8">
<title>定时函数</title>
<script>
window.onload=function(){
//保证页面上的元素加载完毕后
var btn=document.getElementsByTagName('button');
alert(btn); // 元素中的文本 innerText
alert(btn.innerText);
} </script>
</head><body>
<button id="btn">点击获取验证码</button></body></html>history.html
<!DOCTYPE html><html><head lang="en">
<meta charset="UTF-8">
<title>history对象</title></head><body>
<!--<button onclick="javascript:history.forward()">前进</button>-->
<button onclick="javascript:history.back()">后退</button>
</body>
</html>history:window
History:back() Gehe zurück ===>go(-1)
vorwärts() vorwärts ===> go(1)
GO (Index) kann sich vorwärts und rückwärts bewegen
Hinweis: Die Vorwärts- und Rückwärtsschaltflächen im Browser haben den gleichen Effekt.
Wenn wir von einer Webseite aus auf einen Link zugreifen, können wir zur Webseite zurückkehren und dann auf der Webseite erneut zu der Linkseite gelangen, zu der wir gerade gesprungen sind. (Wie fortlaufende vorherige und nächste Schritte)
Standort: Fenster
host:主机地址+端口号
hostname:主机名
port:端口号
protocol:协议
href:发送请求到指定URL
reload() 刷新当前页面
replace(url) 替换 以新的页面替换当前页面location.html
<!DOCTYPE html><html><head lang="en">
<meta charset="UTF-8">
<title>location</title>
<script>
function toBaidu(){
//get请求
location.href="http://www.baidu.com"; Math
Date
} </script></head><body>
<button onclick="javascript:alert(location.host)">查看主机地址</button>
<button onclick="javascript:alert(location.hostname)">查看主机名</button>
<button onclick="javascript:alert(location.port)">查看端口</button>
<button onclick="javascript:alert(location.protocol)">查看协议</button>
<button onclick="javascript:alert(location.href)">查看href</button>
<button onclick="toBaidu()">去百度</button>
<button onclick="javascript:location.reload()">刷新</button>
<!--get请求-->
<button onclick="javascript:location.replace('http://www.baidu.com')">replace百度</button></body></html> — Dokumentobjekt-XML
document.getXXX()
var obj=document.getElementById("id attribute value") Das Abrufen des Elementobjekts basierend auf der ID des Seitenelements gibt ein einzelnes Knotenobjekt zurück
————————————Alle Knoten werden zurückgegeben— ——— ————-
document.getElementsByName("name attribute value") erhält das Elementobjekt gemäß dem Namensattribut des Seitenelements
document.getElementsByClassName("class属性值")
document.getElementsByTagName("节点名称")Javascripts integrierte Objektfunktion
**Math对象:**
Math.ceil(number)向上取整
Math.floor(number) 向下取整
Math.round(number)四舍五入
Math.random() 生成0~1的随机数
**Date日期对象:**
getDate = function() {}; // 获取当前日期(天)
}
getDay = function() {}; //一周中的第几天
}
getMonth = function() {};// 一年中的第几月
}
getFullYear = function() {};// 返回年份 4位数
}
getHours = function() {}; //一天的第几个小时
}
getMilliseconds = function() {}; //获取毫秒 当前分钟
}
getMinutes = function() {};//分钟 当前小时
}
getSeconds = function() {}; //秒 当前分钟
}
getTime = function() {}; //时间 1970年1月1日 到现在的毫秒数Datum. html
<!DOCTYPE html><html><head lang="en">
<meta charset="UTF-8">
<title>date</title>
<script>
window.onload=function(){
var date = new Date();
alert(date.getDate());//获取当前日期(天)
alert(date.getDay());//一周中的第几天
alert(date.getMonth());//一年中的第几月 0-7（cong0开始）
alert(date.getFullYear());// 返回年份 4位数
alert(date.getHours());//一天的第几个小时
alert(date.getMilliseconds());//获取毫秒 当前分钟
alert(date.getMinutes ());//分钟 当前小时
alert(date.getSeconds ());//秒 当前分钟
alert(date.getTime());//时间 1970年1月1日 到现在的毫秒数
document.write("结束。");
} </script></head><body></body></html>Verwandte Empfehlungen:
Inhaltsanalyse von Datumsobjektdaten in js (mit Groß-/Kleinschreibung)
Js-Komponenten schreiben Worauf muss geachtet werden? (Einführung in die Methode)
Das obige ist der detaillierte Inhalt vonWie betreibe ich ein Stücklistenobjekt in js? Methoden zum Betreiben von Stücklistenobjekten in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!