A.使用
windows对象可以实现弹出窗口,关闭当前窗口,弹出页面消息框等效果。
/* 实例一 */
window. location="https://www.baidu.com";*/
/* 实例二
*/
var fa= window. confirm("确定要删除吗?")
if(fa=true){
alert("成功");
}else{
alert("失败");
}
var fa= window. confirm("确定要删除吗?")
if(fa=true){
alert("成功");
}else{
alert("失败");
}
/*新的窗口*/
window. open("https://www.baidu.com");
window. open("https://www.baidu.com");
B.使用
Date对象可以获得当前系统的日期,时间。
//时间
function shows() {
var info=new Date();
var hours=info. getHours();
var minutes=info. getMinutes();
var seconds=info. getSeconds();
document.getElementById("oo").innerHTML=hours+":"+minutes+":"+seconds;
function shows() {
var info=new Date();
var hours=info. getHours();
var minutes=info. getMinutes();
var seconds=info. getSeconds();
document.getElementById("oo").innerHTML=hours+":"+minutes+":"+seconds;
}
C.使用定时函数与
Date()对象可以制作时钟特效。
//时间
function shows() {
var info=new Date();
var hours=info.getHours();
var minutes=info.getMinutes();
var seconds=info.getSeconds();
document.getElementById("oo").innerHTML=hours+":"+minutes+":"+seconds;
//时间秒数不停止
var int=self.setInterval("shows()",50);
//时间秒数停止
//var one=setTimeout("show()",5000);
function shows() {
var info=new Date();
var hours=info.getHours();
var minutes=info.getMinutes();
var seconds=info.getSeconds();
document.getElementById("oo").innerHTML=hours+":"+minutes+":"+seconds;
//时间秒数不停止
var int=self.setInterval("shows()",50);
//时间秒数停止
//var one=setTimeout("show()",5000);
}
D.使用
history和
location对象的相关属性和方法可以轻松的实现浏览器中的“
后退” “
前进”和“
刷新”按钮的功能。
<p style="text-align:right;"><a href="javascript:history.back()">返回主页面</a></p>
history.back()后退按钮;
history.forward()前进按钮;
history.go(1)
代表前进一页;
history.go(-1)代表后退一页;
<a href="javascript:location.reload()">刷新本页</a>
location.reload()刷新;
location.replace()用新的文档替换当前文档;
location.host()返回主机名和当前URL的端口号;
location.hostname设置或返回当前URL的主机名;
location.href设置或返回完整的URL;
E.
doculement对象的
getElementById()方法用于访问唯一的元素。
//定义方法
function show() {
document.getElementById("tv-1").innerHTML="java.admin";
document.getElementById("tv-1").innerHTML="java.admin";
}
<h1 id="tv-1"> admin</h1>
<input type="button" value="dddd" οnclick="show()" >
F.
doculement对象的
getElementByName()方法用于访问相同
name属性的一组元素。
//定义方法
function showinfo() {
var s="";
var f= document.getElementsByName("season");
for(var i=0;i<f.length;i++){
s +=f[i].value;
}
document.getElementById("tv-2").innerHTML=s;
}
<h1 id="tv-2"> 哈哈 </h1>
var s="";
var f= document.getElementsByName("season");
for(var i=0;i<f.length;i++){
s +=f[i].value;
}
document.getElementById("tv-2").innerHTML=s;
}
<h1 id="tv-2"> 哈哈 </h1>
<input type="button" value="ffff" οnclick="showinfo()" >
G.
document对象的
getElementTagname
()方法用于访问相同标签的一组元素。
function showinfoTag() {
var s="";
var f= document.getElementsByTagName("input");
for(var i=0;i<f.length;i++){
s +=f[i].value;
}
document.getElementById("tv-2").innerHTML=s;
}
var s="";
var f= document.getElementsByTagName("input");
for(var i=0;i<f.length;i++){
s +=f[i].value;
}
document.getElementById("tv-2").innerHTML=s;
}
<h1 id="tv-2"> 哈哈 </h1>
<input type="button" value="ggggg" οnclick="showinfoTag()" >