文章详情

Php文档 Php问答 行业资讯 Php论坛 Php手册 Php博客
  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
关闭搜索
php爱好者> php文档>javascript方法和技巧大全二[转]

javascript方法和技巧大全二[转]

时间：2008-03-01  来源：wzabing

3：图像
36 读取图像属性

<img src="/”image1.jpg"” name=”myImage”>
<a href=”# ” onClick=”window.alert(document.myImage.width)”>Width</a>

37 动态加载图像

<script language=”JavaScript”>
 myImage = new Image;
 myI
mage.src = “Tellers1.jpg”;
</script>

38 简单的图像替换


<script language=”JavaScript”>
 rollImage = new Image;
 rollImage.src = “rollImage1.jpg”;
 defaultImage = new Image;
 defaultImage.src = “image1.jpg”;
</script>
 <a href="/”myUrl"” onMouseOver=”document.myImage.src = rollImage.src;”
 onMouseOut=”document.myImage.src = defaultImage.src;”>
 <img src="/”image1.jpg"” name=”myImage” width=100 height=100 border=0>


39 随机显示图像

<script language=”JavaScript”>
 var imageList = new Array;
 imageList[0] = “image1.jpg”;
 imageList[1] = “image2.jpg”;
 imageList[2] = “image3.jpg”;
 imageList[3] = “image4.jpg”;
 var imageChoice = Math.floor(Math.random() * imageList.length);
 document.write(‘<img src=”’ + imageList[imageChoice] + ‘“>’);
</script>


40 函数实现的图像替换

<script language=”JavaScript”>
 var source = 0;
 var replacement = 1;
 function createRollOver(originalImage,replacementImage) {
 var imageArray = new Array;
 imageArray[source] = new Image;
 imageArray[source].src = originalImage;
 imageArray[replacement] = new Image;
 imageArray[replacement].src = replacementImage;
 return imageArray;
 }

var rollImage1 = createRollOver(“image1.jpg”,”rollImage1.jpg”);

</script>

<a href=”#” onMouseOver=”document.myImage1.src = rollImage1[replacement].src;”

onMouseOut=”document.myImage1.src = rollImage1[source].src;”>

<img src="/”image1.jpg"” width=100 name=”myImage1” border=0>

</a>


41 创建幻灯片

<script language=”JavaScript”>

 var imageList = new Array;

 imageList[0] = new Image;

 imageList[0].src = “image1.jpg”;

 imageList[1] = new Image;

 imageList[1].src = “image2.jpg”;

 imageList[2] = new Image;

 imageList[2].src = “image3.jpg”;

 imageList[3] = new Image;

 imageList[3].src = “image4.jpg”;

 function slideShow(imageNumber) {

 document.slideShow.src = imageList[imageNumber].src;

 imageNumber += 1;

if (imageNumber < imageList.length) {

 window.setTimeout(“slideShow(“ + imageNumber + “)”,3000);

 }

 }
</script>

</head>

<body onLoad=”slideShow(0)”>

<img src="/”image1.jpg"” width=100 name=”slideShow”>


42 随机广告图片

<script language=”JavaScript”>

 var imageList = new Array;

 imageList[0] = “image1.jpg”;

 imageList[1] = “image2.jpg”;

 imageList[2] = “image3.jpg”;

 imageList[3] = “image4.jpg”;

 var urlList = new Array;

 urlList[0] = “http://some.host/”;


 urlList[1] = “http://another.host/”;


 urlList[2] = “http://somewhere.else/”;


 urlList[3] = “http://right.here/”;


 var imageChoice = Math.floor(Math.random() * imageList.length);

 document.write(‘<a href=”’ + urlList[imageChoice] + ‘“><img src=”’ + imageList[imageChoice] + ‘“></a>’);

 </script>


4：表单
43 表单构成

<form method=”post” action=”target.html” name=”thisForm”>

 <input type=”text” name=”myText”>

 <select name=”mySelect”>

 <option value=”1”>First Choice</option>

 <option value=”2”>Second Choice</option>

 </select>

 <br>

 <input type=”submit” value=”Submit Me”>

 </form>


44 访问表单中的文本框内容

<form name=”myForm”>

 <input type=”text” name=”myText”>

 </form>

 <a href='#' onClick='window.alert(document.myForm.myText.value);'>Check Text Field</a>


45 动态复制文本框内容

<form name=”myForm”>

 Enter some Text: <input type=”text” name=”myText”><br>

 Copy Text: <input type=”text” name=”copyText”>

 </form>

 <a href=”#” onClick=”document.myForm.copyText.value =

 document.myForm.myText.value;”>Copy Text Field</a>


46 侦测文本框的变化

<form name=”myForm”>

 Enter some Text: <input type=”text” name=”myText” onChange=”alert(this.value);”>

 </form>


47 访问选中的Select

<form name=”myForm”>

 <select name=”mySelect”>

 <option value=”First Choice”>1</option>

 <option value=”Second Choice”>2</option>

 <option value=”Third Choice”>3</option>

 </select>

 </form>

 <a href='#' onClick='alert(document.myForm.mySelect.value);'>Check Selection List</a>


48 动态增加Select项

<form name=”myForm”>

 <select name=”mySelect”>

 <option value=”First Choice”>1</option>

 <option value=”Second Choice”>2</option>

 </select>

 </form>

 <script language=”JavaScript”>

 document.myForm.mySelect.length++;

 document.myForm.mySelect.options[document.myForm.mySelect.length - 1].text = “3”;

 document.myForm.mySelect.options[document.myForm.mySelect.length - 1].value = “Third Choice”;

 </script>


49 验证表单字段



<script language=”JavaScript”>

 function checkField(field) {

 if (field.value == “”) {

 window.alert(“You must enter a value in the field”);

 field.focus();

 }

 }

 </script>

 <form name=”myForm” action=”target.html”>

 Text Field: <input type=”text” name=”myField”onBlur=”checkField(this)”>

 <br><input type=”submit”>

 </form>


50 验证Select项


 function checkList(selection) {

 if (selection.length == 0) {

 window.alert(“You must make a selection from the list.”);

 return false;

 }

 return true;

 }



51 动态改变表单的action

<form name=”myForm” action=”login.html”>

 Username: <input type=”text” name=”username”><br>

 Password: <input type=”password” name=”password”><br>

 <input type=”button” value=”Login” onClick=”this.form.submit();”>

 <input type=”button” value=”Register” onClick=”this.form.action = ‘register.html’; this.form.submit();”>

 <input type=”button” value=”Retrieve Password” onClick=”this.form.action = ‘password.html’; this.form.submit();”>

 </form>


52 使用图像按钮

<form name=”myForm” action=”login.html”>

 Username: <input type=”text” name=”username”><br>

 Password: <input type=”password”name=”password”><br>

 <input type=”image” src="/”login.gif"” value=”Login”>

 </form>


53 表单数据的加密

<SCRIPT LANGUAGE='JavaScript'>
 <!--
 function encrypt(item) {
 var newItem = '';
 for (i=0; i < item.length; i++) {
 newItem += item.charCodeAt(i) + '.';
 }
 return newItem;
 }
 function encryptForm(myForm) {
 for (i=0; i < myForm.elements.length; i++) {
 myForm.elements[i].value = encrypt(myForm.elements[i].value);
 }
}
//-->

</SCRIPT>

<form name='myForm' onSubmit='encryptForm(this); window.alert(this.myField.value);'>

Enter Some Text: <input type=text name=myField><input type=submit>

</form>


5：窗口和框架
54 改变浏览器状态栏文字提示

<script language=”JavaScript”>

 window.status = “A new status message”;

 </script>



55 弹出确认提示框

<script language=”JavaScript”>

 var userChoice = window.confirm(“Click OK or Cancel”);

 if (userChoice) {

 document.write(“You chose OK”);

 } else {

 document.write(“You chose Cancel”);

 }

 </script>


56 提示输入

<script language=”JavaScript”>

 var userName = window.prompt(“Please Enter Your Name”,”Enter Your Name Here”);

 document.write(“Your Name is “ + userName);

 </script>


57 打开一个新窗口


//打开一个名称为myNewWindow的浏览器新窗口


 <script language=”JavaScript”>

 window.open(“http://www.liu21st.com/”,”myNewWindow”);


 </script>


58 设置新窗口的大小


<script language=”JavaScript”>

 window.open(“http://www.liu21st.com/”,”myNewWindow,

'height=300,width=300');
 </script>


59 设置新窗口的位置


<script language=”JavaScript”>

 window.open(“http://www.liu21st.com/”,”myNewWindow”,
'height=300,width=300,
left=200,screenX=200,top=100,screenY=100');

 </script>



61 是否可以缩放新窗口的大小




 <script language=”JavaScript”>

 window.open('http://www.liu21st.com/' ,
'myNewWindow', 'resizable=yes' );
</script>


62 加载一个新的文档到当前窗口

<a href='#' onClick='document.location = '125a.html';' >
   Open New Document
 </a>


63 设置页面的滚动位置



<script language=”JavaScript”>

 if (document.all) { //如果是IE浏览器则使用scrollTop属性


 document.body.scrollTop = 200;

 } else { //如果是NetScape浏览器则使用pageYOffset属性


 window.pageYOffset = 200;

 }</script>



64 在IE中打开全屏窗口

<a href='#' onClick=”
  window.open('http://www.juxta.com/',
  'newWindow','fullScreen=yes');”>
  Open a full-screen window
 </a>



65 新窗口和父窗口的操作

<script language=”JavaScript”>

 //定义新窗口


 var newWindow = window.open(“128a.html”,”newWindow”);

 newWindow.close(); //在父窗口中关闭打开的新窗口


 </script>

 在新窗口中关闭父窗口

 window.opener.close()


66 往新窗口中写内容


 <script language=”JavaScript”>

 var newWindow = window.open(“”,”newWindow”);

 newWindow.document.open();

 newWindow.document.write(“This is a new window”);

 newWIndow.document.close();

 </script>


67 加载页面到框架页面

<frameset cols=”50%,*”>

 <frame name=”frame1” src="/”135a.html"”>

 <frame name=”frame2” src="/”about:blank"”>

 </frameset>

 在frame1中加载frame2中的页面

 parent.frame2.document.location = “135b.html”;


68 在框架页面之间共享脚本


如果在frame1中html文件中有个脚本

 function doAlert() {

 window.alert(“Frame 1 is loaded”);

 }

那么在frame2中可以如此调用该方法

 <body onLoad=”parent.frame1.doAlert();”>

 This is frame 2.

 </body>


69 数据公用

可以在框架页面定义数据项，使得该数据可以被多个框架中的页面公用

 <script language=”JavaScript”>

 var persistentVariable = “This is a persistent value”;

 </script>

 <frameset cols=”50%,*”>

 <frame name=”frame1” src="/”138a.html"”>

 <frame name=”frame2” src="/”138b.html"”>

 </frameset>

这样在frame1和frame2中都可以使用变量persistentVariable



70 框架代码库


根据以上的一些思路，我们可以使用一个隐藏的框架页面来作为整个框架集的代码库

 <frameset cols=”0,50%,*”>

 <frame name=”codeFrame” src="/”140code.html"”>

 <frame name=”frame1” src="/”140a.html"”>

 <frame name=”frame2” src="/”140b.html"”>

 </frameset>



1.文本框焦点问题

onBlur:当失去输入焦点后产生该事件

onFocus:当输入获得焦点后，产生该文件

Onchange:当文字值改变时，产生该事件

Onselect:当文字加亮后，产生该文件

<input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if

(value=='') {value='郭强'}">点击时文字消失，失去焦点时文字再出现

2.网页按钮的特殊颜色

<input type=button name="Submit1" value="郭强" size=10 class=s02

style="background-color:rgb(235,207,22)">

3.鼠标移入移出时颜色变化

<input type="submit" value="找吧" name="B1" onMouseOut=this.style.color="blue"

onMouseOver=this.style.color="red"  class="button">

4.平面按钮

<input type=submit value=订阅 style="border:1px solid :#666666; width:25pt; font-size:9pt;

BACKGROUND-COLOR: #E8E8FF; color:#666666" name="submit">

5.按钮颜色变化

<input type=text name="nick"  style="border:1px solid #666666;  font-size:9pt; 

BACKGROUND-COLOR: #F4F4FF; color:#ff6600" size="15" maxlength="16">

6.平面输入框

<input type="text" name="T1" size="20" style="border-style: solid; border-width: 1">

7.使窗口变成指定的大小


8.使文字上下滚动

<marquee direction=up scrollamount=1
 scrolldelay=100 onmouseover='this.stop()' onmouseout='this.start()'
height=60>
<!-- head_scrolltext -->
<tr>
<td>
共和国
</table>
<!-- end head_scrolltext -->
</marquee>

9.状态栏显示该页状态

<base onmouseover="window.status='网站建设 http://www.webmake.cn/' ;return true">

10.可以点击文字实现radio选项的选定

<br>

&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="regtype" value="A03" id="A03">

<label for="A03"> 情侣 : 一次注册两个帐户</label> <br>

11.可以在文字域的font写onclick事件

12.打印</a>打印网页

<a href='javascript:window.print ()'>

13.线型输入框

<input type="text" name="key"  size="12" value="关键字" onFocus=this.select() onMouseOver=this.focus()

class="line">


14.显示文档最后修改日期

<script language=javascript>

function hi(str)

{

 document.write(document.lastModified)

 alert("hi"+str+"!")

}

</script>



15.可以在鼠标移到文字上时就触发事件

<html>

<head>

<script language="LiveScript">

16.可以根据网页上的选项来确定页面颜色

<HTML>

<HEAD>

 <TITLE>background.html</TITLE>

</HEAD>

<SCRIPT>

<!--

function bgChange(selObj) {

 newColor = selObj.options[selObj.selectedIndex].text;

 document.bgColor = newColor;

 selObj.selectedIndex = -1;

 }

//-->

</SCRIPT>

<BODY STYLE="font-family:Arial">

<B>Changing Background Colors</B>

<BR>

 <FORM>

  <SELECT SIZE="8" onChange="bgChange(this);">

  <OPTION>Red

  <OPTION>Orange

  <OPTION>Yellow

  <OPTION>Green

  <OPTION>Blue

  <OPTION>Indigo

  <OPTION>Violet

  <OPTION>White

 <OPTION>pink

  </SELECT>

 </FORM>

</BODY>

</HTML>



17.将按钮的特征改变


<style type="text/css">

<!--

.style1 { font-size: 12px; background: #CCCCFF; border-width: thin thin thin thin; border-color: #CCCCFF

#CCCCCC #CCCCCC #CCCCFF}

.style2 { font-size: 12px; font-weight: bold; background: #CCFFCC; border-width: thin medium medium thin;

border-color: #CCFF99 #999999 #999999 #CCFF99}

-->

</style>

　　本例按钮的代码如下：

<input type="submit" name="Submit" value="提 交" onmouseover="this.className='style2'"

onmouseout="this.className='style1'" class="style1">


18.改变按钮的图片


<style type="text/css">

<!--

.style3 { font-size: 12px; background: url(image/buttonbg1.gif); border: 0px; width: 60px; font-weight: bold; background: url(image/buttonbg2.gif); border: 0px 0; width:

60px;

</style>

　　本例的按钮代码如下：

<input type="submit" name="Submit2" value="提 交" onmouseover="this.className='style4'"

onmouseout="this.className='style3'" class="style3">



19.打印页面

<div align="center"><a class=content href="javascript:doPrint();">打印本稿</a></div>

20.可以直接写html语言

document.write("");

21.改变下拉框的颜色


<select name="classid"

onChange="changelocation(document.myform.classid.options

[document.myform.classid.selectedIndex].value)"

size="1" style="color:#008080;font-size: 9pt">



22.转至目标URL

window.location="http://guoguo"

23.传递该object的form

UpdateSN('guoqiang99267',this.form)

function UpdateSN(strValue,strForm)

{

  strForm.SignInName.value = strValue;

  return false;

}



24.文字标签

<label for="AltName4"><input name="AltName" type="RADIO" tabindex="931"  id="AltName4"

>guoqiang99859</label>

25.layer2为组件的ID，可以控制组件是否可见

document.all.item('Layer2').style.display = "block";

document.all.item('Layer2').style.display = "none";//

26.将页面加入favorite中


<script language=javascript>

<!--

function Addme(){

url = "http://your.site.address"; //你自己的主页地址


title = "Your Site Name"; //你自己的主页名称


window.external.AddFavorite(url,title);

-->

</script>


27.过10秒自动关闭页面

<script language="JavaScript" >

function closeit() {

setTimeout("self.close()"，10000)

}
</script >


28.可以比较字符的大小

char=post.charAt(i);

if(!('0'<=char&&char<='9'))

29.将字符转化为数字

month = parseInt(char)

30.点击value非空的选项时转向指定连接


<select onchange='if(this.value!="")window.open(this.value)' class="textinput">

    <option selected>主办单位</option>

    <option>-----------------</option>

    <option value="http://jim153.cublog.cn/">jim's blog</option>

    <option value="http://jim153.cublog.cn/">jim's blog</option>

</select>


31.改变背景颜色

<td width=* class=dp bgColor=#FAFBFC onmouseover="this.bgColor='#FFFFFF';"

onmouseout="this.bgColor='#FAFBFC';">

32.改变文字输入框的背景颜色

<style>

.input2 {background-image: url('../images/inputbg.gif');   font-size: 12px; background-color:

#D0DABB;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

</style>

<input name=content type=text size="47" class="input2" maxlength="50">

33.改变水平线的特征

<hr size="0" noshade color="#C0C0C0">

34.传递参数的方式

<a href="vote.asp?CurPage=8&id=3488">8</a>

35.页内跳转

<a href="#1">1</a>
<a href="#2">2</a>
<a href="#3">3</a>
<a href="#4">4</a>
<a href="#5">5</a>
<a href="#6">6</a>
<a href="#7">7</a>
<a name="1">dfdf</a>
<a name="2">dfdf</a>



36.两个按键一起按下

if(event.ctrlKey && window.event.keyCode==13)//

37.刷新页面

javascript:this.location.reload()//

38.将网页的按钮使能

<SCRIPT LANGUAGE="JavaScript">

function haha()

{

 for(var i=0;i<document.form1.elements.length;i++)

 {

  if(document.form1.elements[i].name.indexOf("bb")!=-1)

   document.form1.elements[i].disabled=

   !document.form1.elements[i].disabled;

 }

}

</SCRIPT>

<BODY><form name=form1>

<INPUT TYPE="button" NAME="aa " value=cindy onclick=haha()>

<INPUT TYPE="button" NAME="bb " value=guoguo>

<INPUT TYPE="button" NAME="bb " value=guoguo>



39.文字移动

<marquee scrollamount=3 onmouseover=this.stop(); onmouseout=this.start();>

40.双击网页自动跑

<SCRIPT LANGUAGE="JavaScript">

var currentpos,timer;

function initialize()

{

 timer=setInterval("scrollwindow()",1);

}

function sc()

{

 clearInterval(timer);

}

function scrollwindow()

{

 currentpos=document.body.scrollTop;

 window.scroll(0,++currentpos);

 if (currentpos != document.body.scrollTop)

  sc();

}

document.onmousedown=sc

document.ondblclick=initialize

</SCRIPT>


41.后退

<INPUT TYPE="button" onclick=window.history.back() value=back>

42.前进

<INPUT TYPE="button" onclick=window.history.forward() value=forward>

43.刷新

<INPUT TYPE="button" onclick=document.location.reload() value=reload>

44.转向指定网页

document.location="http://ww"或者document.location.assign("http://guoguo.com")

45.在网页上显示实时时间


<SCRIPT LANGUAGE="JavaScript">

var clock_id;

window.onload=function()

{

 clock_id=setInterval("document.form1.txtclock.value=(new Date);",1000)

}

</SCRIPT>//


46.可以下载文件

document.location.href="目标文件"//

47.连接数据库


import java.sql.*;

String myDBDriver="sun.jdbc.odbc.JdbcOdbcDriver";

Class.forName(myDBDriver);

Connection conn=DriverManager.getConnection("jdbc:odbc:firm","username",

"password");

Statement stmt=conn.createStatement();

ResultSet rs=stmt.executeQuery(sql);

rs.getString("column1");



48.可以直接在页面“div”内写下所需内容

<INPUT TYPE="button" onclick="a1.innerHTML='<font color=red>*</font>'">

<div id=a1></div>//

49.可以改变页面上的连接的格式，使其为双线



<style>

A:link {text-decoration: none; color:#0000FF; font-family: 宋体}

A:visited {text-decoration: none; color: #0000FF; font-family: 宋体}

A:hover {text-decoration: underline overline; color: FF0000}

</style>

<style>
A:link {text-decoration: none; color:#0000FF; font-family: 宋体}
A:visited {text-decoration: none; color: #0000FF; font-family: 宋体}
A:hover {text-decoration: underline overline line-through; color: FF0000}
TH{FONT-SIZE: 9pt}
TD{FONT-SIZE: 9pt}
body {
 SCROLLBAR-FACE-COLOR: #A9D46D;
 SCROLLBAR-HIGHLIGHT-COLOR: #e7e7e7;
 SCROLLBAR-SHADOW-COLOR:#e7e7e7;
 SCROLLBAR-3DLIGHT-COLOR: #000000;
 LINE-HEIGHT: 15pt;
 SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #e7e7e7;
}

INPUT{
  BORDER-TOP-WIDTH: 1px;
  PADDING-RIGHT: 1px;
  PADDING-LEFT: 1px;
  BORDER-LEFT-WIDTH: 1px;
  FONT-SIZE:9pt;
  BORDER-LEFT-COLOR: #cccccc;

  BORDER-BOTTOM-WIDTH: 1px;
  BORDER-BOTTOM-COLOR: #cccccc;
  PADDING-BOTTOM: 1px;
  BORDER-TOP-COLOR: #cccccc;
  PADDING-TOP: 1px;
  HEIGHT: 18px;
  BORDER-RIGHT-WIDTH: 1px;
  BORDER-RIGHT-COLOR: #cccccc
 }

DIV,form ,OPTION,P,TD,BR{
 FONT-FAMILY: 宋体; FONT-SIZE: 9pt
}

textarea, select {
  border-width: 1;
  border-color: #000000;
  background-color: #efefef;
  font-family: 宋体;
  font-size: 9pt;
  font-style: bold;
}

.text {
 font-family: "宋体";
 font-size: 9pt;
 color: #003300;
 border: #006600 solid;
 border-width: 1px 1px 1px 1px
}

</style>完整的css


50.新建frame

<a
href="javascript:newframe

('http://www.163.net/help/a_little/index.html',
'http://www.163.net/help/a_little/a_13.html')">
  <img alt=帮助 border=0 src="color=" color="#000000"/>
    录音笔
 </a>

<style>

.mouseoverbt

{

 background-image: url(http://www.yongle.com.cn/img/btbgw64h20y.gif);


 background-repeat: no-repeat;

}

.mouseout

{

 background-color: #E0E0E0;

}

</style>


55.同时按下CTRL和Q键

document.onkeydown=function()

{

if(event.ctrlKey&&event.keyCode==81)

{alert(1)}

}



56.以下是一个完整的显示html的代码，其思想是当鼠标停留是将div中的内容显示在鼠标出，当鼠标移出后在将该div隐藏掉




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<style>

#hint{

 width:198px;

 border:1px solid #000000;

 background:#99ff33;

 position:absolute;

 z-index:9;

 padding:6px;

 line-

 text-align:left;

 top: 1520px;

}

</style>

<SCRIPT LANGUAGE="JavaScript">

<!--

function showme()

{

 var oSon=window.document.getElementById("hint");

 if (oSon==null) return;

 with (oSon)

 {

  innerText=guoguo.value;

  style.display="block";

  style.pixelLeft=window.event.clientX+

    window.document.body.scrollLeft+6;

  style.pixelTop=window.event.clientY+

window.document.body.scrollTop+9;

 }

}

function hidme()

{

 var oSon=window.document.getElementById("hint");

 if (oSon==null) return;

 oSon.style.display="none";

}

//-->


</SCRIPT>

<BODY>

<text id=guoguo value=ga>

<a href=# onmouseover=showme() onmouseout=hidme() onmousemove=showme() son=hint>dfdfd</a>

<div id=hint style="display:none"></div>

</BODY>

</HTML>
57.弹出窗口

方法一：<body onload="openwen()"> 浏览器读页面时弹出窗口；

方法二：<body onunload="openwen()"> 浏览器离开页面时弹出窗口；

方法三：用一个连接调用：<a href="#" onclick="openwin()">打开一个窗口</a>

注意：使用的"#"是虚连接。

方法四：用一个按钮调用：<input type="button" onclick="openwin()" value="打开窗口"> 何时装载script

58.动态改变字体的大小


function doZoom(size)

{

   document.getElementById('zoom').style.fontSize=size+'px'

}

function aa()

{

   var newWin=window.open(url);

   newWin.document.form1.text1.value=value1;

}改变弹出窗口上域的属性

opener.document.form2.text2.value=value2;改变父窗口的域的值


59.判断是何种浏览器


var name = navigator.appName;

if (name == "Microsoft Internet Explorer")

 alert("IE");

else if (name == "Netscape")

 alert("NS");//
相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载

Copyright 2006-2020 (phpxiu.com) All Rights Reserved.

本站为非盈利性网站，不接受任何广告。php爱好者