Javascript代码在网页中简单应用的几个示例

在表格里本来居左的图片当点击(图片或表元)后移到表格的居中位置:

以下为引用的内容:
<script language="JavaScript">
function call(xxx){
xxx.align="left";
}
function letback(yyy){
yyy.align="right";
}
</script>

文件里面这样引用:

以下为引用的内容:
<td id="mainbtn3" align="right" height="31" onClick="MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','show')" width="250"><img src="images/redbtn_3.gif" width="216" height="21" onClick="letback(mainbtn1);letback(mainbtn2);call(mainbtn3)" style="cursor:w-resize"></td>  

 
xp样式菜单效果

以下为引用的内容:
<script language="JavaScript" type="text/javascript">
<!--
function rollon(a) {
a.style.backgroundColor='#C8C8C8';
a.style.border = '#808080 solid 1px'; } function rolloff(a) {
a.style.backgroundColor='#E4E4E4';
a.style.border = '#E4E4E4 solid 1px';
}
//-->
</script>
<style type="text/css">
<!--
.off { background-color: #e4e4e4; border-color: #e4e4e4 #E4E4E4 #E4E4E4; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
-->
</style>

HTML链接处用:

以下为引用的内容:
<tr>
<td class="off" onMouseOut="rolloff(this);" onMouseOver="rollon(this);" height="12"><a href="#">
Summary Report</a> </td>
</tr>

 

极酷的跟随鼠标的带年月日显示的动态时钟CLOCK 
 
一个链接改变多个目标帧文件的内容

以下为引用的内容:
<script language="javascript">
function frame_loader(targetLeft,targetMain){
parent.leftFrame.location.href= targetLeft;
parent.mainFrame.location.href= targetMain;
}
</script>
<a
href="javascript:frame_loader('default_left.asp','default_body.asp')">Link</a>

 
左右击都在本页打开目标页

以下为引用的内容:

<script language="JavaScript">
<!--
function clicklink() {window.location="index.html"}
//-->
</script>

IN HTML:

 

<body bgcolor="#FFFFFF" text="#000000" onMouseDown="clicklink()"> 
 

 
检测屏幕分辨率导入不同页面

以下为引用的内容:
<script language="JavaScript">
<!--
function KBScreenGoToURL(Big,Medium,Small,Tiny) {
// Copyright (c) 1998 by Kevin Bartz. All rights reserved. This site has been enhanced by one of Kevin Bartz's behaviours! Mail him at kevinbartz@geocities.com! This line must remain in the script.
IE4=(document.all) ? 1:0
NS4=(document.layers) ? 1:0
if (NS4 | IE4) {
var h=screen.height
var w=screen.width
if (h<580 & w<740) {
window.location=Tiny
} else if (h<674 & w<835) {
window.location=Small

} else if (h<768 & w<929) {
window.location=Medium
} else {
window.location=Big
}
}
}
//-->
</script>

 

HTML:

以下为引用的内容:
<p>
<body bgcolor="#FFFFFF" onLoad="KBScreenGoToURL('1024.htm','1024.htm','800.htm','800.htm')">

 

或者用下面这段:

以下为引用的内容:
<html>
<head>
<script language=javascript>
<!--
function mHref() {
if (screen.width == 1024) location.href = "htm2.htm";
else if (screen.width == 800) location.href = "htm1.htm";
else return(false);
}
//-->
</script>
</head>
<body onload="mHref();">
</body>
</html>

 
点击一个链接打开二个不同页面的窗口
<A href="http://msdn.microsoft.com/vs/techinfo/" target="_blank" onClick="window.open('temp.htm','','')">Visual Studio</A>

 

这二个页面都将在新窗口中打开,如果要在本页打开,不能用windo.open要用:window.location=""或document.location.href=""

隐藏目标区域的下拉框等组件

隐藏目标区域的下拉框等组件,让它在层(菜单)出现时不挡住目标层(抄自微软)

代码如下:

以下为引用的内容:

<script language="JavaScript" type="text/javascript">
<!--
function hideElement(elmID)
{
for (i = 0; i < document.all.tags(elmID).length; i++)
{
obj = document.all.tags(elmID)[i];
if (! obj || ! obj.offsetParent)
continue;
// Find the element's offsetTop and offsetLeft relative to the BODY tag.
objLeft = obj.offsetLeft;
objTop = obj.offsetTop;
objParent = obj.offsetParent;
while (objParent.tagName.toUpperCase() != "BODY")
{
objLeft += objParent.offsetLeft;
objTop += objParent.offsetTop;
objParent = objParent.offsetParent;
}
if (objTop < 250){
obj.style.visibility = "hidden";
}
}
}
function showElement(elmID)
{
for (i = 0; i < document.all.tags(elmID).length; i++)
{
obj = document.all.tags(elmID)[i];
if (! obj || ! obj.offsetParent)
continue;
obj.style.visibility = "";
}
}
function hidelayer()
{var i; for(i=1;i<=4;++i){document.all['nav'+i].style.visibility='hidden';}
showElement("SELECT");
showElement("OBJECT");
showElement("IFRAME");}
function showlayer(index)
{document.all['nav'+index].style.visibility='visible';
hideElement("SELECT");
hideElement("OBJECT");
hideElement("IFRAME");}
//-->
</script>
 

 

时间: 2024-10-13 22:17:39

Javascript代码在网页中简单应用的几个示例的相关文章

求大神用通俗语言解析下这个javascript代码以及JS中原型的具体作用。

问题描述 求大神用通俗语言解析下这个javascript代码以及JS中原型的具体作用. window.onload=function () { var oTab=new TabSwitch('div1'); }; function TabSwitch(id) { var oDiv=document.getElementById(id); this.aBtn=oDiv.getElementsByTagName('input'); this.aDiv=oDiv.getElementsByTagNam

如何在CODE中使用代码在网页中打开一个新窗口?

问题描述 如何在CODE中使用代码在网页中打开一个新窗口?protectedvoidBtnAddContact_Click(objectsender,EventArgse){if(Page.IsValid){}}备注说明:在HTML中可以直接使用window.open这个我知道 解决方案 解决方案二:Response.Write("<script>window.open</script>");解决方案三:这样啊,我的意思是,还没有别的,不用写<script

如何用C#代码实现网页中的超连接或单击事件

问题描述 各位大侠你们好!想请教你们如何用C#代码实现网页中的超连接或按钮的单击事件,就是不要人自己去按某个按钮.而是代码自动的去单击某个指定的按钮或超连接.请各位大侠不吝指教,多谢了! 解决方案 解决方案二:而是代码自动的去单击某个指定的按钮或超连接.?这个也要有个事件的吧,你可以用timer控件,过多少时间后执行单击也就是对网页进行链接,然后使得timer.Enabed=false;不过这些一般都是在asp.net实现的解决方案三:得有个东西触发一下吧....解决方案四:不会,哈哈--解决方

javascript实现在网页中运行本地程序的方法_javascript技巧

本文实例讲述了javascript实现在网页中运行本地程序的方法.分享给大家供大家参考,具体如下: <input onclick="exec('notepad.exe')" value="执行noteppad.exe" type="button"> <input onclick="exec('cmd.exe')" value="执行cmd.exe" type="button&qu

如何用ASP代码实现网页中的播放器的控制按钮

问题描述 请各位大侠,帮个忙,小MM做毕业设计遇到问题,如何用ASP代码实现网页中的播放器的控制按钮.谁能提供代码给小M我,请加QQ或者在论坛留言,感激............ 解决方案 解决方案二:播放器的按钮一般都是用js控制的解决方案三:不会asp学习~

Javascript实现打印网页中定义的部分内容

正常情况下的打印是使用 window.print(); 直接整页打印,但如果需要打印网页中定义的部分内容,则可使用如下的方法:   1.在页面的代码头部处加入JavaScript: Webjx.Com JavaScript代码 Webjx.Com <script language=javascript>    function doPrint() {    bdhtml=window.document.body.innerHTML;    sprnstr="<!--startp

javascript动态向网页中添加表格实现代码_javascript技巧

//此段代码在IE9.Firefox.Chorme.safair中测试显示没有问题,给该表格添加了一些简单的样式,基本功能可以实现,还有少量问题有待改进! 效果图如下:  以下是代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <

Javascript实例教程:网页中移动拖拽的JS属性

文章简介:做移动.拖动时常用的js属性. 1.clientHeight, clientWidth: 这两个属性大体上显示了元素内容的象素高度和宽度.理论上说这些测量不考虑任何通过样式表加入 元素中的页边距,边框等. 2.clientLeft,clientTop: 这两个返回的是元素周围边框的厚度,如果不指定一个边框或者不定位改元素,他的值就是0. 3.scrollLeft,scrollTop: 如果元素是可以滚动的,可以通过这俩个属性得到元素在水平和垂直方向上滚动了多远,单位是象素. 对于不可以

用JavaScript代码给网页热键功能

javascript|网页 <html><head><script language='javascript'><!--function issueCommand(x){    if (document.layers)    {          if (x.which==99||x.which==67)            window.close();        else if (event.keyCode==112||event.keyCode==80