js에서 BOM 객체를 작동하는 방법은 무엇입니까? js에서 BOM 객체를 작동하는 방법
- 不言원래의
- 2018-08-21 15:39:521300검색
이 글의 내용은 js에서 BOM 객체를 조작하는 방법에 관한 것입니다. js에서 BOM 객체를 조작하는 방법은 참고할 만한 가치가 있으니 도움이 필요한 친구들이 참고하면 좋겠습니다.
세 가지 핵심 객체:
window:
[창].alert 프롬프트 메시지만 존재합니다. 경고(메시지)
[window].prompt를 사용하면 사용자가 var obj=prompt(message)
을 수동으로 입력할 수 있습니다.
[window].confirm은 사용자가 OK를 클릭하면 true를 반환합니다.
취소를 클릭할 경우 거짓
클릭
open(url) 지정된 URL 주소를 엽니다
close() 현재 탭 페이지 닫기 🎜#
timing.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>rrree
history.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> 역사:창# 🎜🎜# 기록:back() 뒤로 가기 ===>go(-1) 앞으로() 앞으로 ===> go(1)
Go(색인)는 앞뒤로 이동할 수 있습니다.웹 페이지에서 링크에 접속하면 웹 페이지로 돌아갈 수 있고, 웹 페이지에서는 방금 점프했던 링크 페이지로 다시 이동할 수 있습니다. (연속적인 이전 단계와 다음 단계처럼)
location: window
setTimeout(function(){},毫秒) 指定时间延迟操作 只操作一次
var i=setInterval(function(){},毫秒) 指定时间延迟操作 操作多次(每隔一段时间操作一次)
clearInterval(i) 清空定时特效
onload 事件:等待页面上的所有元素加载完毕location.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>—문서 개체 XML
document.getXXX() var obj=document.getElementById("id attribute value") 페이지 요소의 id를 기반으로 요소 개체를 얻으면 단일 노드 개체가 반환됩니다. ————————————모든 노드가 반환됩니다. —— ————-
document.getElementsByName("name attribute value")는 페이지 요소의 name 속성을 기반으로 요소 객체를 얻습니다
<!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>javascript의 내장 객체 함수 <!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>#🎜🎜 #date.html
host:主机地址+端口号
hostname:主机名
port:端口号
protocol:协议
href:发送请求到指定URL
reload() 刷新当前页面
replace(url) 替换 以新的页面替换当前页面관련 권장 사항: js의 날짜 개체 데이터에 대한 콘텐츠 분석( 사례) #🎜 🎜#
js 컴포넌트 작성 시 주의할 점은 무엇인가요? (방법 소개)
위 내용은 js에서 BOM 객체를 작동하는 방법은 무엇입니까? js에서 BOM 객체를 작동하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!