发表文章

[最新] javaScript

kai521314 2月前 1

1.javaScript:
javaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。
jacaScript特点
1.向HTML页面中添加交互行为
2.脚本语言,语法和JAVA类试
3.解释性语言,边执行边解释
语法:1.

    document.write("初学JavaScript");

    document.write("<h1>Hello,JavaScript</h1>");

2.核心语法–变量
  1.先声明变量再赋值:


        var   width;

        width = 5;

ar -  用于声明变量的关键字

width - 变量名

2.同时声明和赋值变量

var catName= "皮皮";

var x, y, z = 10;

3.不声明直接赋值
    width=5;

变量可以不经声明而直接使用,但这种方法很容易出错,也很难查找排错,不推荐使用

3,数据类型:
undefined var width;
变量width没有初始值,将被赋予值undefined

null        表示一个空值,与undefined值相等


number      var iNum=23;   //整数

var iNum=23.0; //浮点数

boolean     true和false

string

    一组被引号(单引号或双引号)括起来的文本

var string1=”This is a string”;

3.1typeof检测变量的返回值

  typeof运算符返回值如下

undefined:变量被声明后,但未被赋值

string:用单引号或双引号来声明的字符串

boolean:true或false

    number:整数或浮点数

    object:javascript中的对象、数组和null



3.2属性

:字符串对象.length var str=”this is JavaScript”;

   方法:

字符串对象.方法名();
var strLength=str.length; //长度是18

charAt(index)       返回在指定位置的字符
indexOf(str,index)  查找某个指定的字符串在字符串中首次出现的位置

substr ing(index1,index2) 返回位于指定索引index1和index2之间的字符串,并且包括索引index1对应的字符,不包括索引index2对应的字符
split(str) 将字符串分割为字符串数组

4,数组语法1:var 数组名称 = new Array(size);
2.var fruit = new Array(4);

   fruit [0] = " apple ";

fruit [1] = ” orange “;

fruit [2] = ” peach “;

fruit [3] = ” banana “;

数组的常用方法:
属性  length      设置或返回数组中元素的数目
方法:1.join( )        把数组的所有元素放入一个字符串,通过一个的分隔符进行分隔
    2.sort()    对数组排序
    3.push()    向数组末尾添加一个或更多 元素,并返回新的长度
4.更多方法可查阅JavaScrpt Array对象参考手册:http://www.w3school.com.cn/js/jsref_obj_array.asp

5.运算符:
算术运算符 + - * / % ++ —

赋值运算符   =    +=   -=

比较运算符   >    <     >=      <=     ==    !=   ===   !==

逻辑运算符   &&      ||     !

6.输入和输出:
alert(“提示信息”);

prompt("提示信息", "输入框的默认信息");

prompt(“请输入你喜欢的颜色”,”红色”);

prompt(“请输入你喜欢的颜色”,”“);

7.定义函数跟使用函数:
1.函数的含义:类似于Java中的方法,是完成特定任务的代码语句块

2.使用更简单:不用定义属于某个类,直接使用

3。函数分类:系统函数和自定义函数


parseInt ("字符串")

将字符串转换为整型数字

如: parseInt (“86”)将字符串“86“转换为整型值86

parseFloat("字符串")

将字符串转换为浮点型数字

    如: parseFloat("34.45")将字符串“34.45“转换为浮点值34.45

isNaN()

isNaN()

用于检查其参数是否是非数字

function:自定义函数
function 函数名(参数1,参数2,参数3,…){

     //JavaScript语句

  [return 返回值]

事件:
onload 一个页面或一幅图像完成加载
onlick 鼠标单击某个对象
onmouseover 鼠标指导移到某元素上
onkeydown 某个键盘按键被按下
onchange 域的内容被改变
******************************************************************************************88
window对象:
history 有关客户访问过的URL的信息
location 有关当前 URL 的信息
window常用方法
prompt( ) 显示可提示用户输入的对话框
alert( ) 显示带有一个提示信息和一个确定按钮的警示框
confirm( ) 显示一个带有提示信息、确定和取消按钮的对话框
close( ) 关闭浏览器窗口
open( ) 打开一个新的浏览器窗口,加载给定 URL 所指定的文档
setTimeout( ) 在指定的毫秒数后调用函数或计算表达式
setInterval( ) 按照指定的周期(以毫秒计)来调用函数或表达式
要删除信息的关键代码:
var flag=confirm(“确认要删除此条信息吗?”);

        if(flag==true)

{
alert(“删除成功!”);

         }else{

            alert("你取消了删除");}

window.open(“弹出窗口的url”,”窗口名称”,”窗口特征”)
height、width 窗口文档显示区的高度、宽度。以像素计
left、top 窗口的x坐标、y坐标。以像素计
toolbar=yes | no |1 | 0 是否显示浏览器的工具栏。黙认是yes
scrollbars=yes | no |1 | 0 是否显示滚动条。黙认是yes
location=yes | no |1 | 0 是否显示地址地段。黙认是yes
status=yes | no |1 | 0 是否添加状态栏。黙认是yes
menubar=yes | no |1 | 0 是否显示菜单栏。黙认是yes
resizable=yes | no |1 | 0 窗口是否可调节尺寸。黙认是yes
titlebar=yes | no |1 | 0 是否显示标题栏。黙认是yes
fullscreen=yes | no |1 | 0 是否使用全屏模式显示浏览器。黙认是no。处于全屏模式的窗口必须同时处于剧院模式

history对象常用方法:
back() 加载 history 对象列表中的前一个URL
forward() 加载 history 对象列表中的下一个URL
go() 加载 history 对象列表中的某个具体URL
location对象常用属性:
host 设置或返回主机名和当前URL的端口号
hostname 设置或返回当前URL的主机名
href 设置或返回完整的URL
常用方法:
reload() 重新加载当前文档
replace() 用新的文档替换当前文档

document的对象使用:
属性:
referrer 返回载入当前文档的URL
URL 返回当前文档的URL
方法:
getElementById() 返回对拥有指定id的第一个对象的引用
getElementsByName() 返回带有指定名称的对象的集合
getElementsByTagName() 返回带有指定标签名的对象的集合
write() 向文档写文本、HTML表达式或JavaScript代码
innerHTML 是替换所有不是表单的值的,改变。


Date:内置属性:
Array:用于在单独的变量名中存储一系列的值

String:用于支持对字符串的处理

Math:用于执行常用的数学任务,它包含了若干个数字常量和函数

Date:用于操作日期和时间

常用方法:
getDate() 返回 Date 对象的一个月中的每一天,其值介于1~31之间
getDay() 返回 Date 对象的星期中的每一天,其值介于0~6之间
getHours() 返回 Date 对象的小时数,其值介于0~23之间
getMinutes() 返回 Date 对象的分钟数,其值介于0~59之间
getSeconds() 返回 Date 对象的秒数,其值介于0~59之间
getMonth() 返回 Date 对象的月份,其值介于0~11之间
getFullYear() 返回 Date 对象的年份,其值为4位数
getTime() 返回自某一时刻(1970年1月1日)以来的毫秒数

Math对象:
ceil() 对数进行上舍入 Math.ceil(25.5);返回26
Math.ceil(-25.5);返回-25
floor() 对数进行下舍入 Math.floor(25.5);返回25
Math.floor(-25.5);返回-26
round() 把数四舍五入为最接近的数 Math.round(25.5);返回26
Math.round(-25.5);返回-26
random() 返回0~1之间的随机数 Math.random();例如:0.6273608814137365
定时函数:
setTimeout(“调用的函数”,等待的毫秒数)

setInterval("调用的函数",间隔的毫秒数)

javaScript操作DOM
DOM:parentNode 返回节点的父节点
childNodes 返回子节点集合,childNodes[i]
firstChild 返回节点的第一个子节点,最普遍的用法是访问该元素的文本节点
lastChild 返回节点的最后一个子节点
nextSibling 下一个节点
previousSibling 上一个节点
element属性:
firstElementChild 返回节点的第一个子节点,最普遍的用法是访问该元素的文本节点
lastElementChild 返回节点的最后一个子节点
nextElementSibling 下一个节点
previousElementSibling 上一个节点
节点信息,实现增、删、改、查。
nodeName:节点名称
元素element 1
属性attr 2
文本text 3
注释comments 8
文档document 9
nodeValue:节点值
nodeType:节点类型
操作节点属性:
getAttribute(“属性名”)

    setAttribute("属性名","属性值")

创建和插入节点:
createElement( tagName) 创建一个标签名为tagName的新元素节点
A.appendChild( B) 把B节点追加至A节点的末尾
insertBefore( A,B ) 把A节点插入到B节点之前
cloneNode(deep) 复制某个指定的节点
删除节点:
removeChild(node) 删除节点
replaceChild(newNode,oldNode) 用其它的节点替换指定的节点
javaScript获取元素的位子:
offsetLeft 返回当前元素左边界到它上级元素的左边界的距离,只读属性
offsetTop 返回当前元素上边界到它上级元素的上边界的距离,只读属性
offsetHeight 返回元素的高度
offsetWidth 返回元素的宽度
offsetParent 返回元素的偏移容器,即对最近的动态定位的包含元素的引用
scrollTop 返回匹配元素的滚动条的垂直位置
scrollLeft 返回匹配元素的滚动条的水平位置
clientWidth 返回元素的可见宽度
clientHeight 返回元素的可见高度
元素属性的语法:标准浏览器
document.documentElement.scrollTop;

document.documentElement.scrollLeft;

chrome浏览器的应用方法:

document.body.scrollTop;

document.body.scrollLeft;

相关推荐
最新评论 (0)
返回
发表文章
kai521314
文章数
9
评论数
0
注册排名
1347829