javaScript 基础知识
一、三个对话框
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
javaScript 基础知识的更多相关文章
- Javascript基础知识总结一
Javascript基础知识总结一 <!DOCTYPE html> <html> <head lang="en"> <meta chars ...
- 学习javascript基础知识系列第二节 - this用法
通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascr ...
- 学习javascript基础知识系列第三节 - ()()用法
总目录:通过一段代码学习javascript基础知识系列 注意: 为了便于执行和演示,建议使用chrome浏览器,按F12,然后按Esc(或手动选择)打开console,在console进行执行和演示 ...
- JavaScript 基础知识 - BOM篇
前言 本篇文章是JavaScript基础知识的BOM篇,如果前面的<JavaScript基础知识-DOM篇>看完了,现在就可以学习BOM了. 注意: 所有的案例都在这里链接: 提取密码密码 ...
- (转)JAVA AJAX教程第二章-JAVASCRIPT基础知识
开篇:JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的.这章我给大家整理了一些JAVASCRIPT的基础知识.常用 ...
- JavaScript基础知识整理
只整理基础知识中关键技术,旨在系统性的学习和备忘. 1.在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0,而 undefined 的操作象特殊值NaN ...
- Jquery源码中的Javascript基础知识(三)
这篇主要说一下在源码中jquery对象是怎样设计实现的,下面是相关代码的简化版本: (function( window, undefined ) { // code 定义变量 jQuery = fun ...
- JavaScript基础知识从浅入深理解(一)
JavaScript的简介 javascript是一门动态弱类型的解释型编程语言,增强页面动态效果,实现页面与用户之间的实时动态的交互. javascript是由三部分组成:ECMAScript.DO ...
- JavaScript基础知识必知!!!
JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型. JS作用:表单验证,减轻服务端的压力:添加页面动画效果:动态更改页面内容:Ajax网络请求. 下面简单介 ...
- javascript基础知识笔记-自用
笔记内容根据个人基础知识不足不明白之处做的记录.主要看的:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 1.变量,变量的名字又叫标识符 ...
随机推荐
- sqlmap 帮助信息
Usage: sqlmap.py [options] 选项: -h, --help 显示基本的帮助信息并退出 -hh 显示高级的帮助信息并退出 --version 显示程序版本号并退出 -v VERB ...
- pythony语法小练习
i=[0,1] b=[2,3] print(dict([i,b]))#列表转换为字典 题目:有四个数字:1.2.3.4,能组成多少个互不相同且无重复数字的三位数?各是多少? 程序分析:可填在百位.十位 ...
- Sort Methods
heyheyhey ~~ It has been a long time since i come here again...whatever today i will summerize some ...
- Java EE之数据库连接与插入
在这之前应该先: **保证项目中导入了mysql-connector-java-5.1.23-bin.jar **服务器上的数据库24小时连接成功: 1.在源包下新建一个普通的Java文件,取名为My ...
- div内文字超出换行问题
1.强制换行: div的样式加上: word-wrap:break-word;word-break:break-all; 2.在文字中间加入建议换行标志<wbr>可以每隔几个字符加一个,
- POJ 1979 题解
Red and Black Time Limit: 1000MS Memory Limit: 30000K Total Submissions: 31722 Accepted: 17298 D ...
- 使用QQ邮箱发送email(Python)
实际开发过程中使用到邮箱的概率很高,那么如何借助python使用qq邮箱发送邮件呢? 代码很简单,短短几行代码就可以实现这个功能. 使用到的模块有smtplib和email这个两个模块,关于这两个模块 ...
- ASP.NET中获取Repeater模板列中LinkButton按钮事件中获取ID等
前台页面中: <asp:Repeater ID="repComment" runat="server"> <ItemTe ...
- Font Squirrel
Font Squirrel FontSquirrel:国外免费字体下载网是一个提供高质量商业字体下载网站,提供海量的英文字体库,用户可以随意下载并应用于各种商业用字,无需考虑其版权问题. 官网地址:h ...
- JavaScript固定宽高
固定高宽: <script type="text/javascript"> if (/Android (\d+\.\d+)/.test(navigat ...