JavaScript学习笔记－－第五章.其它

最新推荐文章于 2021-08-16 10:45:26 发布
最新推荐文章于 2021-08-16 10:45:26 发布
阅读量457 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript function input button border url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xz2001/article/details/5741772
版权

第五章.其它
一. 状态栏
1.按钮调用
<script language="JavaScript">
<!-- Hide
function moveover(txt) {
   window.status = txt;
   setTimeout("erase()",1000);
}
function erase() {
   window.status="";
}
// -->
</script>
参数:
 Txt:状态栏欲显示的字符串
  函数:
 setTimeout: 是当某段设定的时间 "跑" 完了之後，便执行某函式
2.链接调用
<a href="tpage.html" onMouseOver="window.status='Just another stupid link...'; return true">
  
二.数组(Array)
function initArray() {
      this.length = initArray.arguments.length
      for (var i = 0; i < this.length; i++)
      this[i+1] = initArray.arguments[i]
   }
三.前进 后退
1.按钮调用
<INPUT TYPE="button" VALUE="Back" onClick="history.back()">
<INPUT TYPE="button" VALUE="Next" onCLick="history.forward()">
您也可以用 history.go(-1) 和 history.go(1) 代替
2.图片链接
<a href ="" onClick="parent.history.back(); return false;" onMouseOver="self.status='后退' ;return true;">
<img src="back.gif" border=0></a> 
<a href ="" onClick="parent.history.forward(); return false;" onMouseOver="self.status='前进'; return true;">
<img src="forward.gif" border=0></a>
四.获得光标
1.函数调用
function setfocus() {
        document.first.text1.focus();
        return;
}
2.页面载入
<body onLoad="setfocus()">

五.滚屏
<SCRIPT Language="JavaScript">
<!--function scrollit(){
for (I=1; I<=500; I++){
parent.scroll(1,I)
}}
//-->
</SCRIPT>
六.热键
<script language="JavaScript1.2">
var travel=true
var hotkey=104   /*该值为热键的键值*/
var destination="index.htm"  /*链接文件名*/
if (document.layers)
document.captureEvents(Event.KEYPRESS)
function backhome(e){
if (document.layers){
if (e.which==hotkey&&travel)
window.location=destination
}
else if (document.all){
if (event.keyCode==hotkey)
window.location=destination
}
}
document.οnkeypress=backhome
</script>
七.页面自动刷新
每隔10秒自动刷新一次
<META content="10; URL=js67.htm" http-equiv=Refresh>
八.文件框的使能性(disabled)
<input type="checkbox" name="tp1" value="1" οnclick="if(this.checked){txtNo.disabled=false}else{txtNo.disabled=true}">
<input type="text" name="txtNo" size="20" disabled>
九.复选框/单选框
 属性就是：被选中 checked==true
第五章.其它
一. 状态栏
1.按钮调用
<script language="JavaScript">
<!-- Hide
function moveover(txt) {
   window.status = txt;
   setTimeout("erase()",1000);
}
function erase() {
   window.status="";
}
// -->
</script>
参数:
 Txt:状态栏欲显示的字符串
  函数:
 setTimeout: 是当某段设定的时间 "跑" 完了之後，便执行某函式
2.链接调用
<a href="tpage.html" onMouseOver="window.status='Just another stupid link...'; return true">
  
二.数组(Array)
function initArray() {
      this.length = initArray.arguments.length
      for (var i = 0; i < this.length; i++)
      this[i+1] = initArray.arguments[i]
   }
三.前进 后退
1.按钮调用
<INPUT TYPE="button" VALUE="Back" onClick="history.back()">
<INPUT TYPE="button" VALUE="Next" onCLick="history.forward()">
您也可以用 history.go(-1) 和 history.go(1) 代替
2.图片链接
<a href ="" onClick="parent.history.back(); return false;" onMouseOver="self.status='后退' ;return true;">
<img src="back.gif" border=0></a> 
<a href ="" onClick="parent.history.forward(); return false;" onMouseOver="self.status='前进'; return true;">
<img src="forward.gif" border=0></a>
四.获得光标
1.函数调用
function setfocus() {
        document.first.text1.focus();
        return;
}
2.页面载入
<body onLoad="setfocus()">

五.滚屏
<SCRIPT Language="JavaScript">
<!--function scrollit(){
for (I=1; I<=500; I++){
parent.scroll(1,I)
}}
//-->
</SCRIPT>
六.热键
<script language="JavaScript1.2">
var travel=true
var hotkey=104   /*该值为热键的键值*/
var destination="index.htm"  /*链接文件名*/
if (document.layers)
document.captureEvents(Event.KEYPRESS)
function backhome(e){
if (document.layers){
if (e.which==hotkey&&travel)
window.location=destination
}
else if (document.all){
if (event.keyCode==hotkey)
window.location=destination
}
}
document.οnkeypress=backhome
</script>
七.页面自动刷新
每隔10秒自动刷新一次
<META content="10; URL=js67.htm" http-equiv=Refresh>
八.文件框的使能性(disabled)
<input type="checkbox" name="tp1" value="1" οnclick="if(this.checked){txtNo.disabled=false}else{txtNo.disabled=true}">
<input type="text" name="txtNo" size="20" disabled>
九.复选框/单选框
 属性就是：被选中 checked==true

图_钉
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Laytpl Error：Template not found，使用treeTable组件
qq_26074673的博客
01-10 4749
F12显示如下： 数据的加载无法完成： 已校验：后台传过来的JSON数据完整，无错误！ 页面代码： <!--spread设置，这里的checkbox只是演示---> <script type="text/html" id="spreadCheckbox"> <input type="checkbox" lay-text="展开|不展开"...
vue初学者第一章---vue基础 简介vue.zip
12-10
压缩包中的"第一章笔记.md"很可能包含了以上知识点的详细讲解，而"media"目录可能包含相关的示例代码、图片或视频教程，辅助你更好地理解和实践这些概念。 学习Vue.js时，不仅要理解这些理论知识，更重要的是动手...
史上最详细的struts 2 标签整理
iteye_4477的博客
07-27 145
 a    a标签创建一个HTML超链接，等价于HTML 的&lt;a  href="".... 示范代码： &lt;s:a href="login.action"&gt;登陆&lt;/s:a&gt; 更多 a 信息  action    使用action标签 可以允许在JSP页面中直接调用Action。 范例如下： &lt;s: action   ...
JavaScript教程：第 4 章
xiaosong2008的专栏
07-28 533
这章我将告诉您如何在状态列 (statusbar) (也就是您浏览器最下方显示 URLs 的那一行) 显示文字，并且将教您 跑马灯 (以下简称 scroller ) 的工作原理。虽然以 JavaScript 完成的 scroller 目前仍有些问题 (稍後会提到问题在哪儿?)，但我还是告诉您它是如何写成的。首先，如何将文字填入
JavaScript
每一天都有新的希望
07-04 2089
Javascript
php鼠标移动到图片显示另外一个图片,window_鼠标移动到一张图片时变为另一张图片，复制代码 代码如下:用以下代 - phpStudy...
weixin_42314737的博客
03-27 221
鼠标移动到一张图片时变为另一张图片复制代码 代码如下:用以下代码.onmouseover="img_act('c0');moveover('图片名');return true;"onmouseout="img_inact('c0');return true;">src="图片1位置" border="0" width="80" height="30" name="c0">相关阅读:Wi...
《JavaScript高级程序设计》学习笔记----第二章
大白的博客
10-19 216
在HTML中使用JavaScript 2.1 <script>元素 src属性可指向当前HTML页面所在域之外的某个域中的完整URL，表示包含要执行代码的外部文件。 无论如何包含代码，只要不存在defer和async属性，浏览器都会按照<script>元素在页面中出现的先后顺序对他们一次进行解析。 2.2.1 标签的位置 为了避免页面出现时延迟，现代Web应用程序...
Node.js - How To Code in Node.js
最新发布
06-26
对于不熟悉 Node.js 或尚未设置好开发环境的学习者来说，本书第一章提供了详细的安装指南，适用于 macOS 和 Ubuntu 20.04 系统。 #### 三、如何编写并运行第一个 Node.js 程序 本章节将详细介绍如何编写第一个 ...
JavaScript高级程序设计（第三版）学习笔记1~5章
10-22
《JavaScript高级程序设计（第三版）》是学习JavaScript的重要参考资料，涵盖了许多核心概念和技术。以下是该书前五章主要知识点的详细讲解： 1. 在HTML中使用JavaScript： - `<script>`标签用于引入JavaScript...
Java课堂学习笔记-4.26.doc
09-30
【Java学习笔记】 Java是一种广泛使用的面向对象的编程语言，其设计目标是具有高效率、可移植性和可读性。本笔记将围绕Java的历史、重要性、安装配置、语法基础等方面进行详细介绍。 ### 1. Java的发展与意义 ...
Node.js-Nodejs学习笔记以及经验总结
08-09
本学习笔记和经验总结将深入探讨Node.js的核心概念、主要特性、常用模块以及实战技巧，帮助你从零基础到熟练掌握Node.js。 一、Node.js核心概念 1. 非阻塞I/O模型：Node.js采用事件驱动、非阻塞I/O模型，提高了...
Linguagens-de-Script-2020.2：IFPB 2020.2的语言教学材料
02-16
6. **参考资源**：可能链接到其他有用的在线教程、文档或API，以扩展学习资源。 通过这个教学材料包，学生可以系统地学习JavaScript，并获得实践操作的机会，从而提升他们的编程技能和理解能力。在IFPB的指导下，...
Ruffy javascript 学习笔记
10-29
### Ruffy JavaScript 学习笔记知识点详解 #### 1. JavaScript 的原型模型 JavaScript 的原型模型是实现面向对象编程的基础之一。在这个模型中，构造函数用于定义对象的成员，而方法则是通过构造函数的 `prototype...
380-33-95.spring2.github.io:380-33-95.spring2.github.io
03-11
5. 其他资源：可能包括字体文件、图标（.ico）、JSON数据文件或其他与网页相关的文件。 学习HTML时，我们需要理解以下核心概念： - **标签**：HTML标签告诉浏览器如何渲染内容，例如`<h1>`表示一级标题，`<p>`表示...
setInterval("",1000) 和setTimeout(,3000);的使用
qsfwy的专栏
10-08 1820
应用代码一：     &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;&lt;title&gt;无标题文档&lt;/title&gt;&l
定时器setTimeout、setInterval
qq_52666510的博客
08-16 311
setTimeout：几秒后执行一次（类似于倒计时） 写法有："一秒后执行" 1.setTimeout(函数名,1000);//这个函数名不带参数 2.setTimeout ('test()',1000)；//这个函数名的参数可带可不带 3.setTimeout (function(){},1000)；//这个函数为匿名函数 setInterval：几秒后循环执行，间隔时间到来时反复执行（类似于循环定时器） 它们两个的区别就是：倒计时定时器是在指定时间到达后触发事件。循环定时器是在间隔时间到来时
详解setTimeout()
热门推荐
Moments
01-30 3万+
前言：看了这篇文章，1.注意setTimeout引用的是全部变量还是局部变量了，当直接调用外部函数方法时，实际上函数内部的变量已经变成全局。2.提醒我防止出错的，用匿名函数不容易出错。3.setTimeout最快执行时间是4毫秒。4.使用setTimeout的函数会比当前队列的函数慢执行，在他们的后面。5.setTimeout中的定时器并不是准确的时间，实际中它需要在执行完前面的函数后才定时执行。 你还可以查阅关于setTimeout的相关介绍 JavaScript提供定时执行代码的功能，叫做定时器（tim
JavaScript 学习笔记之基础中的基础
12-12
理解这些基础知识是JavaScript学习的第一步。只有打牢基础，才能更好地掌握更高级的概念，如闭包、原型链、异步编程、模块化等，进一步提升你的编程技能。记住，编程的学习是一个渐进的过程，耐心和实践是关键。希望...
网页设计基础：韩顺平HTML-CSS-JavaScript笔记
HTML的发展经历了多个版本，从最初的1993年第一个版本，经过HTML4.01，再到现在的HTML5，HTML5增加了许多新的功能和元素，以适应现代网页开发的需求。 W3C与HTML标准： W3C（万维网联盟）是一个制定Web技术标准的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值