首页 js代码 正文

「js静态网页代码大全」html和css的简单静态网页代码

2022-12-02 08:14:06 15
admin

本篇文章给大家谈谈js静态网页代码大全,以及html和css的简单静态网页代码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

静态网页如何用js实现查找功能?

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "

html

 head

  title New Document /title

  meta name="Generator" content="EditPlus"

  meta name="Author" content=""

  meta name="Keywords" content=""

  meta name="Description" content=""

 /head

script type="text/javascript"

!--

window.onload = function(){

var o = document.getElementById('openUrl');

o.onclick = function(){

    // 输入的字符与网址的对应关系

var url = {

'aaa' : '0001.html',

'bbb' : '0002.html',

'ccc' : '0003.html',

'ddd' : '0004.html'

}

var key = document.getElementById('key').value;

// 如果存在改对应关系则打开,否则打开默认网址

window.open(url[key] || '默认网址');

}

}

//--

/script

 body

  input type="text" id="key" /input type="button" id="openUrl" value="打开网址"/

 /body

/html

想做一个静态网页,求一个点击图片可以放大切换的JS代码

html

head

/head

body

a href="新建html.html" target="_self"img src="图片名称.jpg" width="100px" height="100px"/a

(再新建一个html,显示点击后的效果页面)

/body

/html

关于网页调用系统时间JS代码

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" ""

html

head

meta http-equiv="Content-Type" content="text/html; charset=gbk"

titleUntitled Document/title

script

//-------------可以把以下内容写进外部js文件中------------

window.onload=getTime;  //网页加载完就调用getTime()方法

function getTime(){

var today=new Date();   //获取当前系统时间

var hours=today.getHours();   //获取小时

var minutes=today.getMinutes();  //获取分

var seconds=today.getSeconds();  //获取秒

if(minutes10){     //分小于10就在前面补0

minutes="0"+minutes;

}

if(seconds10){  //秒小于10就在前面补0

seconds="0"+seconds;

}

//把时分秒拼起来得到时间

var time =hours+":"+minutes+":"+seconds;   

//把时间显示在div上,您自己可以放在网页任何位置,反正时间就是time

document.getElementById("div").innerHTML=time;

  //每隔一秒更新一次时间

setTimeout("getTime()",1000);  

}

//-------------可以把以上内容写进外部js文件中------------

/script

/head

body

div id="div"/div

/body

/html

代码已经贴上,希望对您有帮助

求用js和html写出静态网页的登录窗口的代码

function login(){

if (document.login.usename.value== "logon" document.login.password.value =="logon") {

location.href="main.html";

//document.login.usename 跟document.login.password 中的login 要换成你的表单名称, //usename、password 要换成你 字段的名称。

}else{

return false;

}

}

js静态网页代码大全的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于html和css的简单静态网页代码、js静态网页代码大全的信息别忘了在本站进行查找喔。

收藏
分享
海报
15

忘记密码?

图形验证码