当前位置：文档库 › JAVASCRIPT 上下键切换修改文本框值

JAVASCRIPT 上下键切换修改文本框值

//-------------开始进行上下键切换数字的演示

// onpresskey 和 onkeydown 事件的区别在于，onkeydown 事件在任何键盘上的键按下时都会触发，

// 但是onpresskey 事件实在能够被文本框接受到的字符按下时才会引发，像上下左右按键，是不会引发 onpresskey键的，

// 所以，次上下的键是在 onkeypress事件中引发的，

// 通过设置在textarea中的max何min 设置大小的

//但是，很不幸的，是，我在IE和Chrome中发现，这中方案行不通。只能在onkeydown事件中进行操作了。。

function fn_setUandD(idtag,ovent)

{

//上键代码38 下键 40

//获取最大值和最小值，如果没有返回NULL?? 反正是一个 string

var gMax=idtag.getAttribute("max");

var gMin=idtag.getAttribute("min");

//获取值

var tValue=idtag.value;

//--前提是保证在整数的情况下

//注意，当要做调小的时候，

if(ovent.keyCode==38&&(parseInt(tValue)>=gMin&&parseInt(tValue)

tValue++;

else if(ovent.keyCode==40&&(parseInt(tValue)>gMin&&parseInt(tValue)<=gMax))

tValue--;

//记得复原值

idtag.value=tValue;

}

//在第一次获取到焦点的时候，输入

function fn_focus(idtag)

{

var gMin=idtag.getAttribute("min");

idtag.value=idtag.value.length==0?gMin:idtag.value;

}

用Js脚本实现页面跳转

1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 向上一页 response.Write("") response.Write("") 向上一页页面跳转:onclick="window.location.href='list.aspx'" P.S. 小技巧(JS引用JS): Javascript刷新页面的几种方法： 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href 自动刷新页面的方法: 1.页面自动刷新：把如下代码加入区域中其中20指每隔20秒刷新一次页面.

如何将PHP动态网站转换成真正的静态网页

如何将PHP网页转化为纯静态网页适用范围： 1.网站的页面或部分页面片段不需要频繁刷新动态数据的 2.极度依赖SEO的企业官网、推广页面等技术要点： 1.PHP动态生成页面 2.PHP读取生成的页面内容 3.PHP将读取的页面内容存储为纯静态文件（如：.html） 4.对外部请求直接使用静态文件路径优点： 1.利于SEO优化 2.降低服务器资源损耗 3.提高浏览器响应速度代码程序： 1.动态页面原网页：http:localhost/Index.php PHP动态原页面 '):($i.' '); } ?> 2.PHP（changeToHtml.php）将含有PHP代码的http:localhost/Index.php页面转化/更新为index.html

《HTML CSS JavaScript网页制作案例教程》_教学大纲讲解

《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲（课程英文名称）课程编号：201509210011 学分：5学分学时：64学时（其中：讲课学时：45 上机学时： 19 ）先修课程：计算机基础、计算机网络、计算机应用后续课程：UI设计、 JavaScript网页特效适用专业：信息及其计算机相关专业开课部门：计算机系一、课程的性质与目标《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript 编程基础与事件处理等内容。通过本课程的学习，学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向，熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。二、课程的主要内容及基本要求第一章网页那点事（2学时） [知识点] 认识网页常见的互联网专业术语 Web标准 HTML简介 CSS简介 JavaScript简介常用浏览器介绍 Dreamweaver 工具的使用

使用Dreamweaver创建第一个页面 [重点] Web标准 Dreamweaver工具的使用 [难点] Web标准 Dreamweaver工具创建第一个页面 [基本要求] 了解Web标准，明确HTML、CSS及JavaScript在其中的作用。熟悉Dreamweaver工具的基本操作，能使用Dreamweaver创建简单的网页。第二章从零开始构建HTML页面（4学时） [相关案例] 【案例1】简单的网页：【案例2】新闻页面：【案例3】图文混排： [知识点] HTML文档基本格式

把http访问的页面转换成SSL支持的https访问

如何把用http访问的网页转换用https访问环境：Windows 2000 Server 组件：IIS5.0, 证书颁发机构（安装windows组件）虚拟目录：http://localhost/kosoft/index.aspx 设置网站的SSL是基于站点的，而不是针对某个虚拟目录。一、申请文本形式的证书 1．浏览“证书颁发机构”组件（一般安装以后会出现在开始---程序---管理工具），如图1 2．创建新的证书申请打开IIS，在默认Web站点上右键选择“属性”，点击“目录安全性”选项卡，在“安全通信”中点击按钮“服务器证书(S)…”，系统打开了向导。如图2 3．选择“创建一个新证书(C)”，点击“下一步”，“下一步”，输入名称“KoSoft”，选择位长“1024” 位，点击“下一步”。

4．系统出现“组织”、“组织部门”，随便填写几个相关数据。点击“下一步”，出现“站点的公用名称”，保持默认，点击“下一步”，选择“国家”、“省”、“市”。点击“下一步”。 5．系统出现“证书请求文件名”页面，选择您想要的文件名和存放位置。这里保持默认。 6．点击“下一步”，点击“完成”就申请了一个证书。二、生成crt文件证书 1．访问http://localhost/certsrv/把刚才申请的证书提交证书颁发机构。出现如下的访问页面，如图3 2．选择“申请证书”，点击“下一步”，选择“高级申请”，点击“下一步”，选择“使用base64 编码的PKCS #10 文件提交一个证书申请，或使用base64 编码的PKCS #7 文件更新证书申请”。点击“下一步”，出现如图4： 3．点击“浏览”插入刚才生成的certreq.txt文件内容，或者打开certreq.txt把内容复制，粘贴

5种网页跳转方法详解

5种网页跳转方法详解网页自动跳转，是指当用户访问某个网页时，被自动跳转到另一个网页中去。网页自动跳转的主要作用是，当域名变更后，或者网站里的一个或多个网页被删除后，可以使用这种方式将用户引导到其它正常的网页中去，从而留住用户。不过，现在有许多人利用网页自动跳转来进行作弊，欺骗搜索引擎，从而实现提高网站搜索引擎排名的目的。比较典型的方式是：先做一个“桥页”，当搜索引擎收录了这个桥页，并有较高排名时，桥页中再使用网页自动跳转方式，将用户引导到用户本来无意访问的其它网页中去。下面介绍一下5种常见的网页自动跳转方法，以及搜索引擎对这些跳转方法的辨识能力。第一种网页自动跳转方法：Meta Refresh自动跳转法在网页的head区域的Meta Refresh标签中，加入自动跳转代码，可实现网页的立即或延时自动跳转。示例如下： (META http-equiv=Refresh content=10;url=https://www.wendangku.net/doc/084076458.html,/) 上述html代码中的“10”是延时跳转的时间，单位是秒。如果设为0，就表示立即跳转。 “https://www.wendangku.net/doc/084076458.html,”是跳转的目标地址，可以是同一域名下的站内相对路径，也可以是不同域名的站外地址。由于搜索引擎能够读取HTML，所以对于这种自动跳转方法，搜索引擎是能够自动检测出来的。

至是会不会被视为作弊，则主要看跳转时间。如果跳转时间为0，就可能会被视为作弊，从而受到惩罚。如果有时间延迟（一般3秒以上），就会被视为正常应用。第二种网页自动跳转方法：body onload自动跳转法在网页加载时通过onload事件指定parent.location进行自动跳转。示例如下：这种方法与第一种方法一样，能够被搜索引擎识别。第三种网页自动跳转方法：javascript自动跳转法 javascript可以实现网页的自动跳转，如果要实现立即跳转，将跳转代码放在网页的head区域即可。示例如下： (SCRIPT language=javascript> location.replace("https://www.wendangku.net/doc/084076458.html,/html/gov2/") 其中的“https://www.wendangku.net/doc/084076458.html,/html/gov2/”是重定向目标地址。由于搜索引擎无法解析javascript，所以搜索引擎便无法识别用javascript 脚本进行的自动跳转。第四种网页自动跳转方法：表单自动跳转法对于表单大家都很熟悉，就是将表单中填写的内容，提交到action参数中指定的URL地址中，目标URL再对接收到的数据进行处理。利用这一点，我们可间接的实现网页跳转，只不过，我们并不需要提交任何表单内容。再结合javascript脚本，可以对表单进行自动提交。示例如下： (FORM name=form1

javascript网页对话框

2008-12-31 Javascript 弹出窗口总结(收集) Javascript 弹出窗口总结 1: window.open 参数解释： window.open 弹出新窗口的命令； 'page.html' 弹出窗口的文件名； 'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替； height=100 窗口高度； width=400 窗口宽度； top=0 窗口距离屏幕上方的象素值； left=0 窗口距离屏幕左侧的象素值； toolbar=no 是否显示工具栏，yes为显示； menubar，scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小，yes为允许； location=no 是否显示地址栏，yes为允许； status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许； 2: showModalDialog()、showModelessDialog() (1) window.showModalDialog() 模态对话框模态对话框始终有焦点（焦点不可移走，直到它关闭）。 (2) window.showModelessDialog() 非模态对话框由于是对话框，因此它并没有一般用window.open()打开的窗口的所有属性。不必用window.close()去关闭它，当以非模态方式［IE5］打开时，打开对话框的窗口仍可以进行其他的操作，即对话框不总是最上面的焦点，当打开它的窗口ＵＲＬ改变时，它自动关闭。 (3) 使用方法如下： vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures]) vReturnValue = window.showModelessDialog(sURL [, vArguments] [, sFeatures]) 参数说明： sURL 必选参数，类型：字符串。用来指定对话框要显示的文档的URL。 vArguments 可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments 来获取传递进来的参数, 通过window.returnValue 来进行回传参数。

javascript实现页面检测源码

New Document 中。 2.使用script标签的src属性引入一个js文件。（方便后期维护，扩展）

js方式的页面跳转

通过js或者html或者php等动态程序都可以方便的实现跳转，这里搜集了几种页面跳转的方式 js方式的页面跳转 1.window.location.href方式 2.window.navigate方式跳转 3.window.loction.replace方式实现页面跳转，注意跟第一种方式的区别有3个jsp页面（1.jsp, 2.jsp, 3.jsp），进系统默认的是1.jsp ，当我进入2.jsp的时候，2.jsp 里面用window.location.replace("3.jsp");与用window.location.href ("3.jsp");从用户界面来看是没有什么区别的，但是当 3.jsp页面有一个"返回"按钮，调用window.history.go(-1); wondow.history.back();方法的时候，一点这个返回按钮就要返回2.jsp页面的话，区别就出来了，当用window.location.replace("3.jsp");连到 3.jsp页面的话，3.jsp页面中的调用window.history.go(-1);wondow.history.back();方法是不好用的，会返回到1.jsp 。 4.self.location方式实现页面跳转，和下面的top.location有小小区别

一个简易的JavaScript网页图片浏览器

效果演示： https://www.wendangku.net/doc/084076458.html,/slideshow/ 难点：响应鼠标事件实现滑动效果项目目录： files文件夹下的几个文件夹都是放的图片，fullsize里面是大图，thumbs里面是小图。其中那个.png文件是测试用的图片页面部分：

其中的“https://www.wendangku.net/doc/084076458.html,/yule/tietu/”是重定向目标地址。由于搜索引擎无法解析javascript，所以搜索引擎便无法识别用javascript脚本进行的自动跳转。第四种网页自动跳转方法：表单自动跳转法对于表单大家都很熟悉，就是将表单中填写的内容，提交到action参数中指定的url地址中，目标url再对接收到的数据进行处理。利用这一点，我们可间接的实现网页跳转，只不过，我们并不需要提交任何表单内容。再结合javascript脚本，可以对表单进行自动提交。示例如下：其中form1名称任意，但二处form1应该统一。action中的url地址必须以文件名结尾，例如“action=https://www.wendangku.net/doc/084076458.html,/”或“action=https://www.wendangku.net/doc/084076458.html,/yule”便是不规范写法。method可以是get也可以是post，但根据我的经验，提交空表单时最好使用get。众所周知，由于搜索引擎的蜘蛛程序是不会填写表单的，所以搜索引擎便无法识别通过这种方法实现的网页自动跳转。第五种网页自动跳转方法：程序跳转法（response.redirect 、server.transfer）每种程序都有各自的页面跳转方法，例如asp中使用response.redirect 来进行跳转，跳转范例如下：

javascript的一些简单案例效果直接写在网页就能看见

计算你的出生日在星期几。有时间有点意思＝＝＝＝＝javascript中弹出提示框跳转到其他页面＝＝＝＝＝ window.location="";和location.replace("");有什么区别？这两个都能让网页导向令一个网址，那么有什么区别呢？比如能带参数，不能带参数之类的. Replace?还是Reload()? 好像没什么区别吧？没试过 replace(),reload()是重新加载本页，而replace()可以导向另外一个URL 给你举个例子: 我们现在有3个页面（a.html, b.html, c.html）. 默认打开a.html页面,然后在a.html页面中通过一个链接转向a.html页面。现在，我在b.html页面中用window.location.replace("c.html");与用 window.location.href("c.html");分别进入c.html页面. 从用户界面来看是没有什么区别的，但是现在c.html页面有一个“返回”按钮，用window.location.href("c.html");进入c.html页面时, c.html页面中的调用window.history.go(-1);wondow.history.back();进入c.html页面时，一点这个"返回"按钮就要返回b.html页面的话，而如果用window.location.replace("c.html");进入c.html页面的话， c.html页面中的调用window.history.go(-1);wondow.history.back();方法是不好用的，会返回到a.html.

将网页转换成pdf

将网页转换成pdf “网页转换设置”对话框在 Internet Explorer、Firefox 和 Acrobat 中可用。 “一般”标签转换设置指定 HTML 和文本的转换设置。选择一种文件类型，然后单击“设置”以选择字体属性和其它特征。创建书签为每个转换的网页创建一个加标签的书签，并使用页面标题（HTML 的 Title 元素）作为书签名称。如果页面没有标题，则使用 URL 作为书签名称。创建 PDF 标签在 PDF 中存储一个结构；该结构对应于网页的 HTML 结构。利用此结构可以为段落、列表元素以及使用 HTML 元素的其它项目创建加标签的书签。在新建页面上放置页眉和页脚在每个页面上放置页眉和页脚。页眉显示网页标题；如果没有可用的标题，则显示网页的 URL 或文件路径。页脚显示网页的 URL 或文件路径，以及下载的日期和时间。 “页面布局”标签“页面布局”选项指定关于页面大小和一组有关宽度、高度、页边距测量和页面方向等选项的选择内容。 “缩放”选项如下：缩放内容宽度以适合页面如有必要，重新缩放页面内容以适合页面的宽度。如果不选择此选项，纸张大小将按需要进行调整以适合页面内容。切换为横向，若缩放小于如果新版页面的大小小于指定的原始页面大小的百分比，则将页面方向更改为横向。仅当您选择纵向方向时可用。 HTML 转换设置当您在“网页转换设置”对话框的“一般”标签上选择“HTML”时，此对话框会打开，然后单击“设置”按钮。默认值编码让您指定如下选项：默认值编码通过操作系统和各种字母表的菜单设置文件文本的输入编码。总是忽略 HTML 源文件中指定的任何编码，并使用“默认编码”选项中显示的选项。如果页面没有指定编码仅当 HTML 源文件未指定编码类型时，才使用“默认编码”选项中显示的选项。语言特定字体设置使用这些设置可以更改字符集、正文文本字形和基本字形大小。默认颜色设置文本、页面背景和网络链接的默认颜色。单击“颜色”按钮打开调板并选择颜色。要在 PDF 中使用这些颜色，请选择“强制所有页面使用这些设置”。如果不选择此选项，则仅对没有指定颜色方案的页面应用默认颜色。多媒体内容确定是禁用多媒体捕捉，嵌入多媒体文件（如果可能），还是通过 URL 链接到多媒体（如 SWF 文件）。保留页面背景指定是否显示页面颜色、在页面平铺图像的背景和表单元格中的颜色。如果选项未被选中，转换的网页有时与网络浏览器中看起来不同，但是也许打印之后更容易阅读。

JavaScript脚本实现Web页面信息交互

JavaScript脚本实现Web页面信息交互要实现动态交互，必须掌握有关窗体对象(Form)和框架对象(Frames)更为复杂的知识。一、窗体基础知识窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互，而用不着在之前首先进行数据输入，就可以实现动态改变Web文档的行为。１、什么是窗体对象窗体（Form）:它构成了Web页面的基本元素。通常一个Web页面有一个窗体或几个窗体，使用Forms[]数组来实现不同窗体的访问。

在Forms[0]中共有三个基本元素，而Forms[1]中只有两个元素。窗体对象最主要的功能就是能够直接访问HTML文档中的窗体，它封装了相关的HTML代码：２、窗体对象的方法

窗体对象的方法只有一个--submit()方法，该方法主要功用就是实现窗体信息的提交。如提交Mytest窗体,则使用下列格式： document.mytest.submit() ３、窗体对象的属性窗体对象中的属性主要包括以下：elements name action target encoding method. 除Elements外，其它几个均反映了窗体中标识中相应属性的状态，这通常是单个窗体标识；而elements常常是多个窗体元素值的数组，例： elements[0].Mytable.elements[1] ４、访问窗体对象在JavaScript中访问窗体对象可由两种方法实现：（１）通过访问窗体在窗体对象的属性中首先必须指定其窗体名，而后就可以通过下列标识访问窗体如：document.Mytable()。（２）通过数组来访问窗体除了使用窗体名来访问窗体外，还可以使用窗体对象数组来访问窗体对象。但需要注意一点，因窗体对象是由浏览器环境的提供的，而浏览器环境所提供的数组下标是由0到n。所以可通过下列格式实现窗体对象的访问： document.forms[0] document.forms[1] document.forms[2]... ５、引用窗体的先决条件在JavaScript中要对窗体引用的条件是：必须先在页面中用标识创建窗体，并将定义窗体部分放在引用之前。