Javascript笔记部分
写入HTML输出 document.write(“<h1>”);
改变HTML内容
x = document.getElementById(“demo”) //查找元素 后面可以.value取到值
x.innerHTML = “Test” //改变内容
x.style.color = “#ff0000” //改变样式
验证输入的只能数字： if (x==””||isNaN(x))
用分号结束语句是可选的
对大小写敏感
会忽略多余的空格，可以添加空格来提高可读性
可以在文本字符串中使用 \ 对代码进行换行。
注释 // /* */
声明变量,是存储数据的容器 var z = x+y
未赋值的变量是 undefined
拥有动态类型，可以对某变量赋予不同的类型
布尔逻辑类型：true ，false
创建数组： var cars = new Array(“”,””,””);
也可以： var cars = new Array();
cars[0] =””; cars[1] =””;
对象由花括号分隔，内部以名称和值对的形式（name:value）
var person = {fistname:””,lastname:””,id:5566};
引用时： name = person.lastname; 或 name = person[“lastname”];
声明变量时可用new 来声明其类型：
var x = new Number; String ,Boolean , Array , Object
所有事物都是对象：字符串，数字，数组，日期。对象是拥有属性和方法的数据
字符串对象的内建方法，indexOf(), replace() ,search() , toUpperCase()来把文本转换为大写，属性 length
函数：
function name(var1 ,var2)
{
var x = 5;
return x ;// 带返回值
}
比较运算符，在逻辑语句中使用
===全等（值和类型） 逻辑预算符 && ，|| ，！
条件运算： variable = (condition) ? value1:value2
不同类型的循环： for ,for/in循环遍历对象的属性， while , do/while
for (x in person)
{
txt = txt + person[x];
}
表单非空验证
HTML DOM树：
文档à根元素<html> 元素<head>,<body>,<title>,<a>,<h1>属性<href>
javascript可以改变页面中的所有HTML元素，所有属性，所有CSS样式，可以对所有事件做出反应。
查找HTML元素：
1、 通过id。var x = document.getElementById(“intro”);
2、 通过标签名查找 var y = x.getElementsByTagName(“p”); 查找main中的所有<p>元素
3、 通过类名。在IE5678中无效
改变HTML输出流
document.write(Date()); 不要在文档加载结束后使用，这样会覆盖该文档
改变HTML内容
document.getElementById(“intro”).innerHTML = “”;
改变HTML属性
document.getElementById(“intro”).src = “~~.jpg”;
该变HTML样式
document.getElementById(“intro”).style.color = “blue”; 隐藏 .style.visibility=’hidden’ visible
各种事件：
onclick =点击时 displayDate()函数
onload和onunload事件，在进入或离开页面时触发
onchange =”” x.value = x.value.toUpperCase();文字自动变成大写
onmouseover和onmouseout事件
onmousedown和onmouseup事件
添加删除节点元素：
var para = document.createElement(“p”);
var node = document.createTextNode(“ ”);
para.appendChild(node); 向P元素追加文本节点
para.removeChild(node); 删除已有的HTML元素
先找到希望删除的子元素，使用 child.parentNode.removeChile(child);来删除
极大极小的数字可以通过科学计数法来写：
var y = 123e5 // 12300000
var z = 123e-5 //0.00123
所有数字都为 64 位。8bit
如果前缀为0，则常量解释为八进制数，为0x解释为十六进制数
日期函数：
1、获取当前时间 document.write(Date())
2、动态显示一个时间
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}
function checkTime(i)
{
if (i<10)
{i="0" + i}
return i
}
</script>
3、 getTime() 返回从1970年1月1日至今的毫秒数
4、 setFullYear() 设置具体的日期
5、 toUTCString() 将当前的日期转换为字符串
6、 getDay() 用数组内容显示
<script type="text/javascript">
var d=new Date()
var weekday=new Array(7)
weekday[0]="星期日"
weekday[1]="星期一"
weekday[2]="星期二"
weekday[3]="星期三"
weekday[4]="星期四"
weekday[5]="星期五"
weekday[6]="星期六"
document.write("今天是" + weekday[d.getDay()])
</script>
7、 arr.concat(arr2) 用concat合并两个数组
8、 使用 join()将所有数组内容组成一个字符串
arr.join() arr.join(“.”)
9、 arr.sort() 从字面上对数组进行排序
利用 arr.sort 从数值上对数组进行排序
function sortNumber(a, b)
{
return a - b
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />")
document.write(arr.sort(sortNumber))
10、Math对象
Math.round(0.60)取四舍五入
random()返回0到1的随机数
11、正则表达式RegExp 对象的方法
test()检索字符串中的指定值，返回true和false
exex()检索指定值，返回的是被找到的值，没有则返回null
compile()既可以改变检索模式，也可以添加或删除第二个参数。
12、window 方法：
window.open() 打开新窗口 windw.close() 关闭 .moveTo移动当前窗口 .resizeTo()调整尺寸
13、window.location 对象获得当前页面的url地址
location.hostname 返回主机域名 location.pathname返回页面的路径和文件名
.port 返回端口 .portocal 返回Web协议 location.href 返回当前页面的url
location.assign() 方法加载新的文档
14、window.history 对象
history.back() 后退 history.forward() 前进
15、window.Navigator 对象包含有关访问者浏览器的信息
16、警告框 alert(“”) 确认框 confirm(“”) 提示框 prompt(“”)
17、计时
var t=setTimeout("alert('5 秒！')",5000)
clearTimeout()取消setTimeout()
一直计时 <script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
</script>
Javascript笔记部分的更多相关文章
- [Effective JavaScript 笔记] 第4条：原始类型优于封闭对象
js有5种原始值类型:布尔值.数字.字符串.null和undefined. 用typeof检测一下: typeof true; //"boolean" typeof 2; //&q ...
- [Effective JavaScript 笔记] 第5条：避免对混合类型使用==运算符
“1.0e0”=={valueOf:function(){return true;}} 是值是多少? 这两个完全不同的值使用==运算符是相等的.为什么呢?请看<[Effective JavaSc ...
- [Effective JavaScript 笔记]第3章：使用函数--个人总结
前言 这一章把平时会用到,但不会深究的知识点,分开细化地讲解了.里面很多内容在高3等基础内容里,也有很多讲到.但由于本身书籍的篇幅较大,很容易忽视对应的小知识点.这章里的许多小提示都很有帮助,特别是在 ...
- [Effective JavaScript 笔记]第27条：使用闭包而不是字符串来封装代码
函数是一种将代码作为数据结构存储的便利方式,代码之后可以被执行.这使得富有表现力的高阶函数抽象如map和forEach成为可能.它也是js异步I/O方法的核心.与此同时,也可以将代码表示为字符串的形式 ...
- [Effective JavaScript 笔记]第28条：不要信赖函数对象的toString方法
js函数有一个非凡的特性,即将其源代码重现为字符串的能力. (function(x){ return x+1 }).toString();//"function (x){ return x+ ...
- 从头开始学JavaScript 笔记(一)——基础中的基础
原文:从头开始学JavaScript 笔记(一)--基础中的基础 概要:javascript的组成. 各个组成部分的作用 . 一.javascript的组成 javascript ECMASc ...
- 【原】javascript笔记之Array方法forEach&map&filter&some&every&reduce&reduceRight
做前端有多年了,看过不少技术文章,学了新的技术,但更新迭代快的大前端,庞大的知识库,很多学过就忘记了,特别在项目紧急的条件下,哪怕心中隐隐约约有学过一个方法,但会下意识的使用旧的方法去解决,多年前ES ...
- JavaScript笔记目录
JavaScript笔记目录 一.JavaScript简介 二.在HTML中使用JavaScript ...持续更新中,敬请期待
- 蛋糕仙人的javascript笔记
蛋糕仙人的javascript笔记:https://www.w3cschool.cn/kesyi/kesyi-nqej24rv.html
- JavaScript笔记（第一章，第二章）
JavaScript笔记(第一章,第二章) 第一章: <meta http-equiv="Content-Type" content="text/html; cha ...
随机推荐
- CTS/APIO2019游记
退役后游记... 这次是真·游记了 ghj1222自从省选翻车后心情一直不错 5.12 (CTS 报到) 没去thupc(话说都不知道thupc这时候举行),于是就这天从衡水出发了 翻来覆去睡不着觉, ...
- AT2044 Teleporter
传送门 这个是真的简单题,随便手玩一下就可以发现最优策略一定是给\(1\)加上自环 然后就可以dfs一下看哪些点子树里深度最深的点到当前点的距离会等于\(k-1\),然后将当前点连向\(1\)(当然特 ...
- 基于SSL加密的vsftpd 服务器搭建和配置
基于SSL加密的VSFTPD 服务器搭建和配置 1.安装 ubuntu系统:apt-get install vsftp lftp centos系统:yum install -y vsftpd ftp ...
- IE8浏览器总是无响应或卡死崩溃怎么办
IE8浏览器总是无响应或卡死崩溃怎么办 2016-05-11 11:22:31 来源:百度经验 作者:qq675495787 编辑:Jimmy51 我要投稿 IE在打开某些网页的时候经常崩溃或无响应, ...
- (转)Linux 命令（40）： wc 命令
Linux系统中的wc(Word Count)命令的功能为统计指定文件中的字节数.字数.行数,并将统计结果显示输出. 原文:http://blog.jobbole.com/109925/ http:/ ...
- PHP session变量的销毁
1.何为session? 相当于一个客户端(可以是浏览器.app.ftp等其他,而且同一个浏览器多开几个又算是不同的客户端)对服务器的一个访问,这个期间服务器为此建立一个唯一的标示(session_i ...
- Python3基础（5）常用模块：time、datetime、random、os、sys、shutil、shelve、xml处理、ConfigParser、hashlib、re
---------------个人学习笔记--------------- ----------------本文作者吴疆-------------- ------点击此处链接至博客园原文------ 1 ...
- net start命令发生系统错误5和错误1058的解决方法
net start命令用于开启服务,格式为:net start [服务名](与之对应的"net stop [服务名]"为关闭服务命令) 5是没有管理员权限,右键管理员即可 1058 ...
- SQL语句创建数据库以及一些查询练习
--创建 MyCompany数据库 use master execute sp_configure 'show advanced options',1 --开启权限 reconfigure execu ...
- DockerSwarm 微服务部署
一.简介 之前<服务Docker化>中,使用 docker-compose.yml 来一次配置启动多个容器,在 Swarm 集群中也可以使用 compose 文件 (docker-comp ...