博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javaScript 基础知识
阅读量:4518 次
发布时间:2019-06-08

本文共 2117 字,大约阅读时间需要 7 分钟。

一、三个对话框

1、alert("提示信息")      弹出只带有一个确定按钮的对话框
2、confirm("提示信息")      弹出有确定和取消按钮的对话框
3、prompt("提示信息",默认值)   可输入内容的对话框,返回null

二、数据类型

1、var通用类型
2、数据类型转换
(1)将变量转为整数类型
parseInt();

(2)将变量转为浮点数类型

parseFloat();

(3)转为string类型 
在要转换的内容前面加上空字符串("")
(4)判断是否是数字
isNaN();是数字返回false,不是数字返回true

三、语句

(1)分支语句
if()

{}

else

{}

(2)循环语句

for(初始条件;循环条件;状态改变)

{循环体}

break;终止循环
continue;终止本次循环

四、数组

var a=new Array();
长度是动态变化的,可以放任意类型
1、取值:var aa=a[i];
2、赋值:a[0]=123;a[1]="hello";
3、长度:a.length;
4、排序:a.sort();
5、翻转数组:a.reverse();

五、函数

function 函数名(形数)

{函数体}

 

计时函数

var t = setTimeout("alert('5秒!')",5000)

var t = setTimeout("javaScript语句",毫秒)

结束计时:clearTimeout(t)

调用:函数名(实参)

六、DOM操作

1、window

(1)window.open(a,b,c,d)
参数:
a--页面地址 "Default.aspx"
b--打开方式 "_blank" 新开页面
c--窗口样式,用空格隔开(针对于IE浏览器管用)
toolbar=no 无工具条
width=100px,height=100px,left=100px 
(2)window.close()关闭当前窗口
window.opener.close()关闭父窗口
(3)window.scrollto(x,y) 滚动到页面的位置
(4)window.history
window.history.back();页面后退
window.history.forward();页面前进
window.history.go(n);前进或后退n个页面
(5)window.location
获取当前页地址 var s=window.location.href();
跳转页面 window.location.href="";

 

2、window.document

(1)获取元素
var a = document.getElementById("");
var a = document.getElementsByClassName("");
var a = document.getElementsByName("");
var a = document.getElementsByTagName("");
(2)操作内容
1)非表单元素
innerHTML 获取标签里的html代码和文字
赋值:将其中的html代码执行
取值:html代码和文字会取出,但是不执行html代码

innerText 
赋值:获取标签里的html代码和文字,不执行html代码
取值:只取文字
注意:一般用innerHTML赋值,用innerText 取值
2)表单元素
value取值和赋值都会原样呈现
checkbox/redio 取value值: a.value;

取按钮后边的文字:a.nextSibling.innerText

<select></select> 取值:选择哪一个取出哪一个
(3)操作属性

1)设置属性 setAttribute("name","value")
2)移除属性 removeAttribute("name")
3)获取属性 getAttribute("")
改变样式 this.setAttribute("class", "div3 div2");
(4)操作样式
this.style.样式=""
获取样式的值 this.offsetHeight 高度
this.offsetLeft 距离左边的距离
this.offsetTop 距离上边的距离
this.offsetWidth 宽度
(5)相关元素操作
var b=a.nextSibling 找下一个同辈元素,注意空格
var b=a.previousSibling 找上一个同辈元素,注意空格

3、正则表达式

使用正则表达式验证
if(/正则表达式/.test(字符串)){}

4 事件

单击事件 onclick
鼠标离开时触发 onmouseout
鼠标移到上面时触发 onmousemove
按键抬起来时触发 onkeyup
双击触发 ondblclicke
获得焦点时触发 onfocus

转载于:https://www.cnblogs.com/Aaxuan/p/6081191.html

你可能感兴趣的文章
【Android 界面效果24】Intent和PendingIntent的区别
查看>>
node学习之搭建服务器并加装静态资源
查看>>
android 按menu键解锁功能的开关
查看>>
wpf 自定义窗口,最大化时覆盖任务栏解决方案
查看>>
Linux 下的dd命令使用详解
查看>>
POJ-1273 Drainage Ditches 最大流Dinic
查看>>
ASP.NET学习记录点滴
查看>>
uva 12097(二分)
查看>>
[Noip2016] 愤怒的小鸟
查看>>
Linux系统基础管理
查看>>
遭遇浏览器兼容性问题,这次是某些浏览器回退功能不正常
查看>>
JAVA wait()和notifyAll()实现线程间通讯
查看>>
python全栈脱产第11天------装饰器
查看>>
koa2 从入门到进阶之路 (一)
查看>>
Java / Android 基于Http的多线程下载的实现
查看>>
求职历程-----我的简历
查看>>
[总结]数据结构(板子)
查看>>
网页图片加载失败,用默认图片替换
查看>>
C# 笔记
查看>>
android 之输入法
查看>>