`

js基础要点

    博客分类:
  • js
阅读更多
(1) innerHTML 能解析标签  innerText 不能解析标签
(2) window.status 或者status指定浏览器状态栏中显示的临时消息
(3) windows对象的常用属性
status 指定浏览器状态栏中显示的临时消息
screeen 有关客户端的屏幕和显示性能的信息
history 有关客户访问过的URL的信息
location 有关当前URL的信息
document 表示浏览器窗口中的HTML文档
(4) windows对象的常用方法
alert (“提示信息”) 显示一个带有提示信息和确定按钮的对话框
confirm(“提示信息”) 显示一个带有提示信息,确定和取消按钮的对话框

open(“url“,“name“) 打开具有指定名称的新窗口,并加载给定的URL所指定的文档,如果没有提供URL,则打开一个空白文档
close() 关闭当前窗体
showModalDialog() 在一个模式窗口中显示指定的HTML文档
(5) 由于window是根对象,一般可以省略。但要注意的是:当使用层,框架和多窗口时,就不能省略window对象的名称!
(6) Open(“打开窗口的URL”,”窗口名”,”窗口特征”)
height 窗口的高度
width 窗口的宽度
toolbar 浏览器工具条,包括前进和后退按钮,yes为显示
scrollbars 是否显示滚动条
menubar 表示菜单栏
location 是否显示地址栏,yes或1显示,no和0不显示
status 是否显示状态栏内的信息,yes和1为显示
resizable 是否允许改变窗口的大小,yes或1为是,no或0为否
(7) onUnLoad=”事件名”  窗体卸载事件
(8) Date对象的常用方法
(9) 创建日期对象的语法如下
(10) var 日期对象=new Date (参数); 如果没有参数,则表示但前日期和时间  例如:var 日期对象=new Date ( );  有参数:var 日期对象=new Date (1990.0919“);
(11)常用方法

getDate () 获取日期
getYear () 获取年份
getHours() 获取小时
getMinutes() 获取分钟数
getSeconds() 获取秒数
getTime() 返回自某一时刻(1979年1月1日)以来的毫秒数
getMonth() 获取月份,值0-11之间

(1) setTimeout()方法  自动更新调用方法
(2) setTimeout(“函数名“,自动更新时间)
(3) clearTimeout()控制停止
(4) setInterval () 自动调用
(5) clearInterval()控制停止
(6)   history 对象
back() 加载上一个url,相当于后退
forward() 加载下一个url,相当于前进
go(“url“ 或者 number) go(1)前进 go(-1)后退
(7) Location 对象
reload() 重新加载当前页
replace(“url“) 通过别的页面来替换当前页面
(8) document 对象的常用方法
getElementById() 根据html元素指定的ID,获得唯一的一个html元素,如访问DIV层对象等
getElementByName() 根据html元素指定name,获得相同名称的一组元素,如访问表单元素(全选功能)
(9) 制作浮动广告:document.body.scrollTop;获取纵向滚动条卷去的部分,document.body.scrollTopLeft;  获取横向滚动条卷去的部分
(10) 鼠标滚动事件:window.onscroll= 事件名(事件名不能带括号);
(11) 例如:document.getElementById(“层名称“).style.pixelTop=..
(12) 链接外部样式的两种方法:<link rel="stylesheet" href="样式表名称" type="text/css" />
(13) 第二种:
(14) <style type="text/css">
(15) @import "样式表名称";
(16) </style>
(17) 通过className属性设置类样式:  className=’样式名称’
(18) display 属性的value
block 默认值,按块显示,换行显示
none 不显示,隐藏
inline 按行显示,和其他元素在同一行显示
(19) String 对象的 方法
indexOf(“子字符串“,起始位置) 查找第一个出现的子字符串
charAt(index) 获取位于指定索引位置的字符

substring(index1,[index2]) 返回index1和index2之间的字符串,并且包括index1所对应的字符,不包括index2所对应的字符
toLowerCase () 将字符串转换成小写
toUpperCase () 将字符串转换成大写
(20) 文本框对象的事件处理程序


文本框
事件 onBlur 失去焦点事件
onFocus 得到焦点事件
onChange 文本框的内容发生改变事件

方法 focus() 获得鼠标光标
select() 选中文本内容,突出显示文本内容
属性 value 文本框属性的值
(21) 图片代替按钮事件:由于图片不具备提交功能,所以需要手动调用提交方法(document.myForm.submit())
(22) 左键:37 上:38 右:39 下:40
(23) 回车切换:if (event. keyCode ==13)   如果按下的是回车键
(24) {
(25) event.keyCode=9;  改为Tab键
(26) }
(27) document.onkeydown =事件名称;(没有括号)
(28) event.srcElement.type  获取出发事件的元素
(29) 级联菜单特效:
(30) 下拉列表使用<Select>和<Option>两个标签共同创建
(31) 下拉列表框的常用事件,属性和方法



下拉列表框 事件 onChange 当选项发生改变时产生

属性
value 下拉列表框中被选中的值

options 所有选项组成的数组,第一个选项即为options[0],第二个即为options[1],其他以此类推

selectedIndex 返回被选择的选项的索引号,如果选中第一个返回0,第二个返回1,其他以此类推
length 返回下拉列表中的选项个数
方法 add(new,old)或者直接add(new) 将新的option对象new插入到option对象old前面,如果old为空,那么直接插入到末尾
(32) 数组的常用方法
join(分隔符) 以指定的分隔符将数组元素一次拼接起来,形成一个字符串并返回
sort() 对数组元素进行排序,按英文字母顺序或汉字的拼音方式排序
(33) for…in 循环
(34) for (var j in cityList[0])
(35) {
(36) document.write(cityList[0][j]);
(37) }
(38) 声明数组时,使用var cities=new Array(‘北京’);和使用 var cities=new Array[‘北京’]效果完全一样。
(39) 使用级联菜单例子:
(40) <script language="javascript">
(41) function jiLian()
(42) {
(43) var cityList=new Array();
(44) cityList['陕西']=['安康 ','西安','咸阳'];
(45)
(46) cityList['广东']=['深圳 ','东莞'];
(47) var selProvince=document.myForm.province.value;
(48) var newOption;
(49) document.myForm.city.length=0;
(50) for(var j in cityList[selProvince] )
(51) {
(52) newOption=new Option(cityList[selProvince][j]);
(53) document.myForm.city.options.add(newOption);
(54) }
(55) }
(56) </script>
(57) </head>
(58)
(59) <body>
(60) <form action="" method="get" name="myForm">
(61) <select name="province" onchange="jiLian()">
(62) <option value="陕西">陕西</option>
(63) <option value="广东">广东</option>
(64) </select>
(65) <select name="city">
(66) <option></option>
(67) </select>
(68) </form>
(69) 获得随机数:Math.random()
分享到:
评论

相关推荐

    JavaScript基础笔记.md

    以上是关于JavaScript基础知识的一些要点,涵盖了语言的基础语法、数据类型、运算符以及流程控制等内容。了解这些内容对于深入学习JavaScript至关重要,能够帮助开发者更好地理解和掌握这门语言,进而实现更加复杂的...

    javascript复习要点

    JavaScript 复习要点 JavaScript 是一种基于对象和事件驱动的脚本语言,主要用于客户端脚本语言。下面是 JavaScript 的一些重要概念和知识点: 变量和数据类型 * 变量定义:使用 var 关键字定义变量,例如:`var ...

    js基础学习 javascript学习资料

    根据提供的文件信息,我们可以整理出一系列关于JavaScript基础知识的学习要点,这些要点覆盖了文档的基本操作、数据类型、控制结构以及常用内置对象的使用方法等。下面将详细解释每一项提到的知识点: ### 1. `...

    JavaScript基础、语法 JS.doc

    以上是JavaScript的基础知识和语法要点,掌握这些内容能帮助开发者开始编写简单的JavaScript代码。随着经验的积累,可以深入学习DOM操作、AJAX、闭包、事件处理等高级特性,进一步提升开发能力。

    JS基础知识

    ### JS基础知识概述 ...以上就是JS基础知识的一些关键概念和技术要点,掌握这些基本知识对于学习JS及其在Web开发中的应用至关重要。希望这些知识点能够帮助初学者更好地理解JS的基本工作原理和技术细节。

    JavaScript疑难

    ### JavaScript基础要点详解 #### 变量声明与使用 JavaScript允许开发者在不声明变量的情况下直接使用,但这并不意味着这是一种推荐的做法。直接使用未声明的变量会导致全局作用域污染,增加代码维护难度。因此,...

    javascript面向对象要点总结

    ### JavaScript面向对象要点总结 在JavaScript中,面向对象编程(OOP)是一种广泛采用的编程范式,它允许开发者创建可重用、模块化的代码。本文将深入探讨JavaScript面向对象的关键概念,包括构造函数、原型链、...

    js基础三上课资料

    总的来说,这份"js基础三上课资料"为JavaScript初学者提供了一个全面的学习路径:首先通过01-ppt了解核心概念,然后借助02-笔记深化理解,最后通过04-练习进行实践操作,从而达到理论与实践相结合的学习效果。...

    JavaScript基础训练

    #### JavaScript基础知识要点 1. **基本语法**: - 变量声明:`var`, `let`, `const` - 数据类型:字符串(`String`)、数字(`Number`)、布尔值(`Boolean`)、数组(`Array`)、对象(`Object`)等。 - 表达式与运算符:...

    Unity3D-JavaScript基础

    ### Unity3D-JavaScript基础知识点详解 #### 一、Unity3D与JavaScript简介 **Unity3D**是一款跨平台的游戏开发工具,支持多种编程语言,包括C#、Boo和JavaScript。其中,JavaScript因其易学性和灵活性,在游戏开发...

    01-JavaScript基础.md

    ### JavaScript基础知识点详解 #### 一、JavaScript简介 ##### 1.1 JavaScript是什么? JavaScript 是一种主要运行在客户端的脚本语言。起初,Netscape 公司将它命名为 LiveScript,随后与 Sun Microsystems 合作...

    js读书笔记以及知识要点

    1. **基础语法**:JS语法与C/C++类似,但更注重动态特性。包括变量声明(var、let、const)、数据类型(原始类型如number、string、boolean,复杂类型如object、array、function)、控制结构(if...else、for、while...

    个人JavaScript深入浅出要点总结PDF版

    这份"个人JavaScript深入浅出要点总结PDF版"涵盖了JavaScript的核心知识,旨在帮助学习者构建坚实的JavaScript基础。 首先,JavaScript是一种解释型的、基于原型的、动态类型的脚本语言。它的动态性意味着变量的...

    山东省专升本计算机文化基础要点整理.pdf

    【计算机文化基础要点详解】 1. 信息技术与信息:信息技术是指获取、处理、存储和传播信息的技术,而信息则是指所有物质、事件和人类思维活动的属性,它以数据的形式存在于计算机中。 2. 数据与文件:数据是存储在...

    jquery基础知识要点

    jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了对网页 DOM(文档对象模型)的操作,提供了丰富的选择器、动画效果和事件处理等特性。在学习 jQuery 的基础知识时,理解 jQuery 对象与 DOM 对象的区别至关...

    JavaScript重点总结

    这篇"JavaScript重点总结"涵盖了从基础到进阶的关键知识点,旨在帮助初学者系统地理解和掌握这门语言。 首先,我们从基础开始。JavaScript语法与C++和Java有相似之处,但它是弱类型的语言,这意味着变量在声明时不...

    JavaScript_js特效

    在给定的"JavaScript_js特效"主题中,我们可以深入探讨多个JavaScript特效的实现及其技术要点。 1. **表格特效**:JavaScript可以用来增强HTML表格的功能,如排序、筛选、动态加载数据等。例如,使用`...

    JavaScript基础入门

    ### JavaScript基础入门知识点详解 #### 一、JavaScript的起源与发展 **1.1 JavaScript的背景** - **历史沿革:** - 在互联网早期,Web技术相对单一且缺乏交互性,仅依靠HTML来构建网页。 - Netscape公司为了...

    传智播客-PHP基础视频_html+css+js笔记

    【JavaScript基础】 JavaScript是一种轻量级的解释型编程语言,主要用于客户端的Web开发,实现页面交互和动态效果。它与HTML和CSS一起构成了Web开发的三大核心技术。JavaScript可以操作DOM(Document Object Model)...

    编写高质量JavaScript代码的基本要点

    ### 编写高质量JavaScript代码的基本要点 #### 一、引言 在当今互联网技术日新月异的时代背景下,JavaScript作为前端开发的核心语言之一,其重要性不言而喻。随着项目规模不断扩大,代码质量的好坏直接影响着软件...

Global site tag (gtag.js) - Google Analytics