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

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

本文目录一览：

• 1、静态网页如何用js实现查找功能？
• 2、想做一个静态网页，求一个点击图片可以放大切换的JS代码
• 3、关于网页调用系统时间JS代码
• 4、求用js和html写出静态网页的登录窗口的代码

静态网页如何用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静态网页代码大全的信息别忘了在本站进行查找喔。