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.变量,变量的名字又叫标识符 ...
随机推荐
- 从vue1.0到vue2.0遇到的一些问题的记录
1.取消v-el的使用方式,改为refs使用 获取指定的dom元素 html:<div ref="div"></div> js: $refs.div 问题: ...
- datatable 加序号列
最近使用datatable时,发现没有像jqgrid那样生成序号列,在国外网站搜罗了一下还是很简单的,就要在aoColumns中添加一空列占位就行,然后再用fnRowCallback添加序号 示例如下 ...
- xsl-mode属性用法
本文出自 “熔 岩” 博客,出处http://lavasoft.blog.51cto.com/62575/60517 对某一个元素做多次处理,那么选择<xsl:apply-template元素处 ...
- BZOJ2498 : Xavier is Learning to Count
考虑容斥,通过$Bell(p)$的时间枚举所有等价情况. 对于一种情况,强制了一个等价类里面的数都要相同,其它的可以相同也可以不同. 这方案数显然可以通过多项式乘法求得,乘上容斥系数$(-1)^{p- ...
- linux菜鸟日记(2)
ntp服务的安装与配置: 安装ntp服务的过程比较简单首先你需要挂载光盘然后安装ntp服务如果配置了本地yum源可以直接使用光盘中的资源进行本地yum的安装,如果没有就使用rpm包进行安装. 由于我已 ...
- 解决jquery新加入的元素没有绑定事件问题
在使用jquery操作时,往往需要动态的添加一些元素,但是这些新加入的元素并没有像css那样被赋予原本定义的样式,解决方法如下: 1.动态插入元素后,并用bind事件给新加入的元素绑定事件. 2.如果 ...
- Storm 中什么是-acker,acker工作流程介绍
概述 我们知道storm一个很重要的特性是它能够保证你发出的每条消息都会被完整处理, 完整处理的意思是指: 一个tuple被完全处理的意思是: 这个tuple以及由这个tuple所导致的所有的tupl ...
- STM32之DMA+ADC
借用小甲鱼的经典:各位互联网的广大网友们.大家早上中午晚上好..(打下小广告,因为小甲鱼的视频真的很不错).每次看小甲鱼的视频自学都是比较轻松愉快的..我在想,如果小甲鱼出STM32的视频,我会一集不 ...
- CSS居中demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&q ...
- Python yield函数理解
Python中的yield函数的作用就相当于一个挂起,是不被写入内存的,相当于一个挂起的状态,用的时候迭代,不用的时候就是一个挂起状态,挂起状态会以生成器的状态表现