下载文档原格式
js 使用iframe 方法如何使用JavaScript 中的iframe 方法一、什么是iframe 方法iFrame 是HTML 中的一个标签，可以用来在当前页面嵌入另一个页面。
类似于在一个页面中嵌套了另一个完整的页面，并且可以对嵌套的页面进行操作。
在JavaScript 中，我们可以使用iframe 方法来对iFrame 进行控制和操作。
二、如何在HTML 中添加iFrame在HTML 中添加iFrame 非常简单，只需要使用`<iframe>` 标签，并设置src 属性为要嵌入的页面的URL。
例如：html<iframe src="这样，就在当前页面中创建了一个iFrame，并将页面嵌入其中。
三、使用JavaScript 操控iFrame1. 获取iFrame 引用要在JavaScript 中操作一个iFrame，首先需要获取该iFrame 的引用。
我们使用`contentWindow` 属性来获取iFrame 文档对象的引用。
例如：javascriptvar iframe = document.getElementsByTagName('iframe')[0];var iframeContentWindow = iframe.contentWindow;上述代码中，我们首先获取了第一个iframe 元素，然后使用`contentWindow` 属性获取了iFrame 内的文档对象。
2. 在iFrame 中执行JavaScript获取了iFrame 的引用后，我们可以在其中执行JavaScript 代码。
使用`contentWindow` 的`eval` 方法来执行JavaScript 代码。
例如：javascriptvar iframe = document.getElementsByTagName('iframe')[0];var iframeContentWindow = iframe.contentWindow;在iFrame 中执行JavaScript 代码iframeContentWindow.eval('alert("Hello, iFrame!");');上面的代码将在iFrame 中执行JavaScript 代码，并弹出一个包含"Hello, iFrame!" 的弹窗。
js query方法（最新版4篇）目录（篇1）1.关于js query方法2.内容概括3.结论正文（篇1）js query方法是一种在网页上查找和操作HTML元素的方法。
它可以在JavaScript中轻松地查找和操作网页上的元素，从而实现网页的动态交互。
js query方法具有简单易用、高效快速的特点，被广泛应用于网页开发中。
使用js query方法，可以通过指定的标签名、类名、ID等属性来查找网页上的元素。
例如，可以使用js query方法查找所有class为“myClass”的元素，或者使用ID属性查找特定的元素。
一旦找到了目标元素，就可以对其进行各种操作，例如修改元素的属性、添加事件监听器等。
js query方法还支持CSS选择器，可以使用类似于CSS的选择器语法来查找元素。
例如，可以使用“#id”选择器查找ID为“myId”的元素，或者使用“.”选择器查找所有class为“myClass”的元素。
这些选择器语法使得js query方法更加灵活和强大。
总之，js query方法是网页开发中不可或缺的工具之一。
目录（篇2）1.js query方法概述2.js query方法的功能和使用场景3.js query方法的优缺点4.js query方法的实际应用案例5.总结正文（篇2）js query方法是一种用于查询DOM元素的方法，它可以在JavaScript 中快速获取页面中的特定元素。
js query方法的主要功能是简化了对DOM 元素的查询操作，使开发者能够更加专注于业务逻辑的实现。
使用js query方法可以方便地获取页面中的特定元素，并且可以在需要时对其进行操作。
例如，可以使用js query方法获取页面中的所有段落元素，并对其进行样式设置或内容修改等操作。
js query方法的优点在于它能够快速地获取页面中的特定元素，并且可以轻松地对这些元素进行操作。
此外，js query方法还支持多种查询方式，例如选择器、标签名、类名等，可以根据需要选择不同的查询方式。
js覆盖页面方法摘要：一、什么是JS覆盖页面方法二、JS覆盖页面方法的原理三、如何使用JS覆盖页面方法四、覆盖页面方法的实用案例五、覆盖页面方法的安全性及注意事项正文：一、什么是JS覆盖页面方法JS覆盖页面方法是指通过JavaScript（JS）代码对网页进行动态修改，使得页面呈现出与原始设计不同的效果。
这种方法使得网页具有更高的交互性和可玩性，为用户提供更为丰富的视觉体验。
二、JS覆盖页面方法的原理JS覆盖页面方法的原理主要是通过操作DOM（文档对象模型）来实现。
DOM是HTML、CSS和JavaScript的共同操作接口，允许我们动态地修改网页的结构、样式和内容。
JavaScript可以对DOM节点进行添加、删除、修改等操作，从而达到覆盖页面的目的。
三、如何使用JS覆盖页面方法1.选择需要覆盖的元素：首先，我们需要通过JavaScript选择需要覆盖的HTML元素。
例如，可以使用`document.querySelector()`选择器来获取特定的元素。
2.修改元素属性：接下来，我们需要修改选中元素的属性。
例如，可以通过设置元素的`style`属性来改变其样式，或者通过设置`innerHTML`属性来修改元素的内容。
3.添加事件监听器：为了实现页面的动态变化，我们可以为元素添加事件监听器。
例如，当用户点击某个按钮时，执行相应的JavaScript代码来覆盖页面。
4.异步加载：如果需要覆盖的页面内容较大，可以采用异步加载的方式，如使用`XMLHttpRequest`或`fetch`API从服务器获取数据，然后根据数据动态更新页面。
四、覆盖页面方法的实用案例1.动态加载广告：在网页上根据用户行为或地理位置等因素，动态加载合适的广告。
2.轮播图：通过覆盖页面方法实现图片的自动轮播，提高用户体验。
3.弹窗：在用户操作过程中，弹出提示框或对话框，引导用户完成特定任务。
4.页面切换：在网页中实现不同页面的切换，如实现类似“滑动门”的效果。
javascript的用法JavaScript是一种广泛应用于网页开发中的脚本语言，可以为网页增加动态效果和交互性。
它是一种强大而灵活的语言，可以通过嵌入在HTML文档中的<script>标签来使用。
以下是JavaScript的几个常见用法。
1. 网页交互JavaScript能够与用户进行交互，通过响应用户的操作来实现一些功能。
例如，可以使用JavaScript为网页的按钮添加点击事件，使用户点击按钮后触发相应的操作。
这样可以增加用户的互动性和使用体验，使网页更加生动活泼。
2. 表单验证JavaScript可以用来对表单进行验证，确保用户输入的数据符合要求。
通过在表单提交之前进行验证，可以防止无效或恶意的数据被提交到服务器端。
可以使用JavaScript对用户输入的内容进行格式、长度、大小写等方面的验证，并及时给出错误提示。
3. 动态内容加载JavaScript可以实现动态内容加载，无需刷新整个网页即可更新特定部分的内容。
通过使用Ajax技术，可以与服务器进行异步通信，从而实现在页面上动态加载新的数据，而无需重新加载整个页面。
这种方式可以大大提升用户体验，并提高网页的性能。
4. 数字运算和日期处理JavaScript是一种脚本语言，拥有强大的数学计算能力。
它支持基本的算术运算，如加、减、乘、除，还可以进行更高级的数学运算，如三角函数、指数运算等。
此外，JavaScript还内置了日期处理的功能，可以用来处理日期的格式化、计算和比较等操作。
5. 动画效果通过使用JavaScript，可以为网页添加各种动画效果，使网页更加生动有趣。
可以通过改变HTML元素的属性来实现动画效果，如改变元素的位置、颜色、大小等。
此外，还可以使用JavaScript配合CSS样式，利用过渡和动画属性来实现更复杂的动画效果。
6. 浏览器检测和兼容性处理JavaScript可以用来检测用户所使用的浏览器类型和版本，从而根据不同的浏览器提供不同的代码和功能支持，保证网页在不同浏览器上的兼容性。
JavaScript实现动态网页特效JavaScript是一种常用的编程语言，可以用于实现动态网页特效。
通过JavaScript，开发者可以为网页添加各种交互效果，使用户体验更加丰富和吸引人。
以下是一些常见的JavaScript动态网页特效的实现方法：1. 鼠标悬停效果：通过JavaScript可以实现当鼠标悬停在某个区域上时，改变该区域的样式或显示隐藏的内容。
例如，当用户将鼠标悬停在一个按钮上时，可以让按钮的颜色变化或显示按钮下方的一段描述文字。
2. 幻灯片效果：通过JavaScript可以实现网页上的幻灯片效果，使多张图片自动轮播展示。
可以通过设置定时器和改变图片的显示状态来实现。
这种效果常用于图片展示、轮播广告等地方。
3. 下拉菜单效果：通过JavaScript可以实现网页上的下拉菜单效果，让用户点击或悬停在一个导航栏上时，下方显示出更多的选项。
可以通过设置事件监听和改变菜单的可见性来实现。
4. 表单验证效果：通过JavaScript可以实现网页上的表单验证效果，检查用户输入的内容是否符合要求。
可以通过设置事件监听和编写验证函数来实现。
例如，当用户提交表单时，可以检查是否所有的必填项都已填写，并给出相应的提示。
5. 动态加载内容效果：通过JavaScript可以实现动态加载内容的效果，当用户滚动网页到一定位置时，自动加载更多的内容。
可以通过监听滚动事件和设置ajax 请求来实现。
这种效果常用于博客、社交媒体等网站上。
6. 特效动画效果：通过JavaScript可以实现各种特效动画，如淡入淡出效果、滑动效果、旋转效果等。
可以通过改变元素的显示状态、设置定时器和改变元素的样式来实现。
这种效果常用于网页中的广告、特效展示等地方。
7. 音频视频播放效果：通过JavaScript可以实现网页上的音频和视频播放效果。
可以通过设置事件监听、控制播放状态和改变样式来实现。
例如，当用户点击一个按钮时，可以播放音频或视频，并显示相应的控制按钮。
js 调用iframe 里子页面的方法（原创版3篇）目录（篇1）1.引言2.介绍iframe及其作用3.介绍JavaScript调用iframe里子页面的方法4.方法的使用示例5.总结正文（篇1）一、引言在网页开发中，iframe是一种常用的元素，它可以包含其他网页的内容，从而让网页更加丰富和多样。
同时，JavaScript也常常用于网页的开发和交互，可以实现许多功能，如验证表单、实现动态效果等。
那么，如何使用JavaScript调用iframe里子页面的方法呢？接下来我们将详细介绍。
二、介绍iframe及其作用iframe是一种HTML元素，它可以包含其他网页的内容。
通过使用iframe，我们可以将一个网页嵌入到另一个网页中，从而实现网页的丰富和多样。
例如，我们可以将一个博客页面嵌入到另一个网页中，让用户可以在一个页面中阅读多个博客文章。
三、介绍JavaScript调用iframe里子页面的方法使用JavaScript调用iframe里子页面的方法可以通过window.frames对象来实现。
该对象包含了当前窗口或框架中的所有iframe元素，可以通过该对象的名称或索引来访问它们。
例如，如果我们要调用名为“child”的iframe里的方法，可以使用以下代码：window.frames["child"].myFunction();其中，myFunction是子页面中要调用的函数名。
四、方法的使用示例假设我们有如下的HTML代码：u003ciframe src="child.html"name="child"u003eu003c/iframeu003e我们可以使用以下JavaScript代码来调用子页面中的函数：document.querySelector("iframe").contentWindow.myFunction() ;其中，myFunction是子页面中要调用的函数名。
如何使用JavaScript创建动态网页交互效果一、引言动态网页交互效果是现代网页设计的重要组成部分，JavaScript 作为一种通用的脚本语言，具有在网页上实现动态效果的能力。
本文将介绍如何使用JavaScript创建动态网页交互效果的方法和技巧。
二、基础知识1.理解JavaScript：JavaScript是一种解释型脚本语言，可以在客户端的网页上运行。
它能够通过操作DOM（文档对象模型）和CSS（层叠样式表）来实现网页的动态效果。
2.DOM操作：DOM是指网页的文档对象模型，它可以用来访问和操作网页的元素。
通过JavaScript的DOM方法，我们可以修改网页的内容、样式和结构。
3.CSS操作：CSS是一种用来控制网页样式的技术。
通过JavaScript，我们可以动态地改变网页元素的CSS属性，如颜色、大小和位置等。
三、常见动态网页交互效果及实现方法1.响应用户交互：- 实时搜索提示：通过监听用户在搜索框输入的内容，使用AJAX技术向服务器请求数据并实时显示相关搜索建议。
- 鼠标悬停效果：通过监听用户鼠标的移动，改变元素的样式，如颜色、透明度或背景等，来实现动态效果。
2.动画效果：- 轮播图：使用JavaScript控制元素的显示和隐藏，通过设置定时器和切换元素的位置，实现轮播效果。
- 渐变过渡：通过改变元素的透明度或位置属性，结合CSS的transition属性，使元素的改变平滑地过渡。
3.表单验证：- 实时验证：通过监听用户在表单输入的内容，使用正则表达式或其他验证方法，实时判断输入是否合法，并给出相应的提示信息。
- 提交验证：在表单提交之前，使用JavaScript对用户输入的内容进行验证，判断是否符合要求，并给出相应的提示信息。
四、实现技巧和方法1.事件监听：通过addEventListener方法，可以监听用户的各种交互事件，如点击、鼠标移动、滚动等。
在事件发生时，可以执行相应的JavaScript代码来实现动态效果。
js切换到某个标签页面的方法如何使用JavaScript切换到某个标签页面在编写网页应用程序时，经常需要切换到不同的标签页面，以实现用户界面的交互和功能切换。
JavaScript提供了一种简单的方法来实现这个目标。
本文将介绍如何使用JavaScript来切换到某个标签页面。
一、获取标签页元素在切换到某个标签页面之前，首先需要获取到对应的标签页元素。
在HTML中，我们可以使用id属性来唯一标识一个元素。
通过document.getElementById()方法，我们可以使用元素的id来获取对应的元素对象。
例如，如果我们有一个id为"tab1"的标签页元素，我们可以使用以下代码来获取该元素对象：var tab1 = document.getElementById("tab1");二、切换到标签页获取到标签页元素对象后，我们可以使用JavaScript的一些方法来切换到该标签页。
1. 使用window.open()方法打开一个新窗口如果我们希望在新窗口中打开标签页，可以使用window.open()方法来实现。
该方法接受三个参数：URL、窗口名称和窗口特性。
例如，我们可以使用以下代码来打开一个新窗口，并在该窗口中加载"tab1.html"页面：window.open("tab1.html", "_blank");2. 使用location.href属性在当前窗口中加载标签页如果我们希望在当前窗口中加载标签页，可以直接修改location.href属性的值为标签页的URL。
例如，我们可以使用以下代码来在当前窗口中加载"tab1.html"页面：location.href = "tab1.html";3. 使用Element.click()方法模拟点击事件如果我们希望在当前窗口中加载标签页，但不想改变location.href 属性的值，可以使用Element.click()方法模拟点击事件，从而触发标签页的跳转。
js跳转新页面的几种方法在JavaScript中，有多种方法可以实现跳转到新页面。
下面是几种常见的方法：1. 使用location.href 方法：javascriptlocation.href = "这种方法是直接修改`location` 对象的`href` 属性，将其值设置为目标页面的URL。
当执行这行代码时，浏览器会立即跳转到新页面。
2. 使用location.assign 方法：javascriptlocation.assign("这个方法与`location.href` 方法类似，也是用于跳转到新页面。
它将目标页面的URL 作为参数，并将其赋值给`location` 对象的`href` 属性。
3. 使用location.replace 方法：javascriptlocation.replace("这种方法也可以用于跳转到新页面，但与前两种方法不同的是，它不会在浏览器的历史记录中生成新的记录。
也就是说，用户无法通过浏览器的“后退”按钮返回到前一个页面。
4. 使用window.open 方法：javascriptwindow.open("这是一种在新窗口或标签页中打开目标页面的方法。
当执行这行代码时，浏览器会弹出一个新的窗口或标签页，并在其中加载目标页面。
5. 使用form 提交：html<form id="myForm" action=" method="GET"><input type="submit" value="Go"></form><script>document.getElementById("myForm").submit();</script>这种方法不是直接使用JavaScript 来实现跳转，而是利用一个隐藏的表单，将其目标地址设置为目标页面的URL，并通过JavaScript 代码触发表单的提交动作，从而实现跳转到新页面。
js 使用方法【原创版3篇】目录（篇1）1.引言2.js 的定义和作用3.js 的使用方法和优点4.js 的应用场景和实际案例5.js 的未来发展和前景正文（篇1）一、引言js，全称为 JavaScript，是一种基于网页浏览器的脚本语言，主要用于网页的动态效果和交互功能。
它可以让网页变得更加有趣、生动，也可以实现一些复杂的业务逻辑。
二、js 的定义和作用js 是一种脚本语言，可以在网页浏览器上运行，实现网页的动态效果和交互功能。
它具有简单易学、功能强大、跨平台等特点，被广泛应用于网页开发、移动应用开发、游戏开发等领域。
三、js 的使用方法和优点js 的使用方法非常简单，只需要在网页中嵌入一段 js 代码即可实现相应的功能。
它的优点在于可以实现动态效果和交互功能，提高用户体验；可以实现复杂的业务逻辑，提高开发效率；可以实现跨平台应用，降低开发成本。
四、js 的应用场景和实际案例js 在网页开发、移动应用开发、游戏开发等领域都有广泛的应用。
例如，在网页开发中，可以通过 js 实现网页的动态效果和交互功能；在移动应用开发中，可以通过 js 实现跨平台应用；在游戏开发中，可以通过 js 实现游戏逻辑和交互功能。
五、js 的未来发展和前景随着互联网技术的发展，js 的应用场景越来越广泛，未来会有更多的应用场景涌现。
同时，随着前端技术的发展，js 的开发效率和开发质量也会不断提高。
目录（篇2）1.引言2.安装和配置3.基础用法4.进阶用法5.总结正文（篇2）一、引言JavaScript 是一种广泛使用的编程语言，用于构建交互式网页、服务器端应用程序和移动应用程序。
本文将介绍 JavaScript 的基本使用方法。
二、安装和配置要开始使用 JavaScript，您需要安装适当的开发工具，例如 Node.js。
如果您正在使用浏览器端开发，您可能需要使用诸如浏览器的开发者工具等内置功能来调试您的代码。
三、基础用法JavaScript 有许多基本功能，例如变量声明、条件语句、循环语句和函数。
常用网页使用js技巧收集12(200多个)1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件<input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if(value=='') {value='郭强'}">点击时文字消失，失去焦点时文字再出现2.网页按钮的特殊颜色F<input type=button name="Submit1" value="郭强" size=10 class=s02style="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; height:17px; 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; height:17px;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.使窗口变成指定的大小<script>window.resizeTo(300,283);</script>8.使文字上下滚动<marquee direction=up scrollamount=1 scrolldelay=100onmouseover='this.stop()' onmouseout='this.start()'height=60><!-- head_scrolltext --><tr><td>共和国</table> <!-- end head_scrolltext --></marquee>9.状态栏显示该页状态<base onmouseover="window.status='网站建设/' ;return true">10.可以点击文字实现radio选项的选定<br> <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(stModified)alert("hi"+str+"!")}</script>15.可以在鼠标移到文字上时就触发事件<html><head><script language="LiveScript"><!-- Hidingfunction hello() {alert("哈罗!");}</script></head><body><a href="" onMouseOver="hello()">link</a></body></html>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><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; height: 22px}.style4 { font-size: 12px; font-weight: bold; background:url(image/buttonbg2.gif); border: 0px 0; width:60px; height: 22px}--></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.myf orm.classid.selectedIndex].value)"size="1" style="color:#008080;font-size: 9pt">22.转至目标URLwindow.location=""23.传递该object的formUpdateSN('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>yer2为组件的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="/">北京日报</option><option value="/">北京晚报</option></select>31.改变背景颜色<td width=* class=dp bgColor=#FAFBFConmouseover="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">4.传递参数的方式<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].di sabled;}}</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=scdocument.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=""或者document.location.assign("")45.在网页上显示实时时间<SCRIPT LANGUAGE="JavaScript">var clock_id;window.onload=function(){clock_id=setInterval("document.form1.txtclock.value=(newDate);",1000)}</SCRIPT>//46.可以下载文件document.location.href="目标文件"//47.连接数据库import java.sql.*;String myDBDriver="sun.jdbc.odbc.JdbcOdbcDriver";Class.forName(myDBDriver);Connectionconn=DriverManager.getConnection("jdbc:odbc:firm","username","passwor d");Statement stmt=conn.createStatement();ResultSet rs=stmt.executeQuery(sql);rs.getString("column1");//48.可以直接在页面“div”内写下所需内容<INPUT TYPE="button" onclick="a1.innerHTML='<fontcolor=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 1px1px 1px}</style>完整的css50.新建frame<ahref="javascript :newframe('/help/a_little/index.html','/help/a_little /a_13.html')"><img alt=帮助border=0 src="/upimg/allimg/070206/0926040.gif"></a>51.向文件中写内容<%@ page import="java.io.*" %><%String str = "print me";//always give the path from root. This way it almost always works. String nameOfTextFile = "/usr/anil/imp.txt";try{PrintWriter pw = new PrintWriter(newFileOutputStream(nameOfTextFile));pw.println(str);//clean uppw.close();}catch(IOException e){out.println(e.getMessage());}%>52.先读文件再写文件<%@ page language = "java" %><%@ page contentType = "text/html; charSet=gb2312" %><%@ page import ="java.util.*" %><%@ page import ="ng.*" %><%@ page import ="javax.servlet.*" %><%@ page import ="javax.servlet.jsp.*" %><%@ page import ="javax.servlet.http.*" %><%@ page import="java.io.*" %>eryrytry<%int count=0;FileInputStream fi =new FileInputStream ("count.txt");ObjectInputStream si= new ObjectInputStream (fi);count =si.readInt();count++;out.print(count);si.close();FileOutputStream fo =new FileOutputStream ("count.txt");ObjectOutputStream so= new ObjectOutputStream (fo);so.writeInt(count);so.close();%>53.直线型输入框<INPUT name=Password size=10 type=password style="border-left-width: 0; border-right-width: 0;border-top-width: 0; border-bottom-style: solid; border-bottom-width: 1; background-color: #9CEB9C">54.可以将背景改为按钮性状，通过改变css改变属性<td width="65" align="center" bgcolor="#E0E0E0"onmouseover=this.className='mouseoverbt';onmouseout=this.className='mouseout';><ahref="tm.asp?classid=76"><fontcolor="#000000">录音笔</font></a></td><style>.mouseoverbt{background-image: url(/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.以下是一个完整的显示hint的代码，其思想是当鼠标停留是将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-height:17px;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.scrollLef t+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> 注意：使用的"#"是虚连接。
