我的JavaScript笔记
JavaScript
一种基于对象（object）和事件驱动（Event Driven）的嵌入式脚本语言。
简单的例子
<html>
<head>
<title>Displaying Time</title>
</head>
<body>
<script language = "JavaScript" type = "text/javascript" >
function time(){
//系统时间
now = new Date(); // new关键字创建对象
/* hours 时
mins 分
secs 秒 */
hours = now.getHours();
mins = now.getMinutes();
secs = now.getSeconds();
document.write(hours + ":" + mins + ":" + secs)
}
</script>
<input type = "button" name = "button" value = "clieck me" onClick = " time();">
</body>
</html>脚本可位于 HTML 的 <body> 或 <head> 部分中，最好放在<head>中。
1.变量
- 使用字母、数字、下划线 。
- 区分大小写，建议驼峰命名。
- 弱类型
var name = “name”2.常用方法
String对象
创建String对象
var testStr = “ This is a string ”； //直接赋值 确定类型属性与常用方法
length 是String对象的长度属性，String.length的值是一个数字。
| 方法 | |
|---|---|
| String.indexOf(subString[, startIndex]) | 返回子字符串第一次出现的字符位置 |
| String.substring(start, end ) | 截取字符串，返回的是一个字符串 |
| String.toUpperCase( ) | 将字符串内的所有字符转换为大写 |
| String.toLowerCase( ) | 将字符串内的所有字符转换为小写 |
| String.split( ) | 分割字符串 |
例：
var txt="Hello world!"
document.write(txt.length)Date 日期对象
var 对象名称=new Date (参数)
var date1=new Date( ) //取得当前的系统时间
var date2=new Date( 2000,1,1) 比较日期的方法if(date1>date2)
getYear( )
getMonth()
getDate( )
getHours( )
getMinutes( )
getSeconds( )
setYear (年份)
setMonth(月份)
setDate(日期)
setMinutes(分钟数)
getTime(毫秒数)
setTime(毫秒数)
例：
var myDate=new Date()
myDate.setDate(myDate.getDate()+5)window 窗口对象
常用方法
window.open(”URL“,”windowName“,”windowFeature“) 用于打开新窗口
windowFeature为可选属性列表，详见windowFeature参数一览
| 方法 | |
|---|---|
| window.close( ) | 用于关闭窗口 |
| alert(“ ”) | 弹出对话框 |
| window.confirm(“ ”) | 弹出确认框 |
| window.prompt(“ ”,” ”) | 弹出输入框 |
windowFeature参数一览
| top= | 窗口顶部离开屏幕顶部的像素数 |
| left= | 窗口左端离开屏幕左端的像素数 |
| width= | 窗口的宽度 |
| height= | 窗口的高度 |
| menubar= | 窗口有没有菜单，取值yes或no |
| toolbar= | 窗口有没有工具条，取值yes或no |
| location= | 窗口有没有地址栏，取值yes或no |
| directories= | 窗口有没有连接区，取值yes或no |
| scrollbars= | 窗口有没有滚动条，取值yes或no |
| status= | 窗口有没有状态栏，取值yes或no |
| resizable= | 窗口给不给调整大小，取值yes或no |
3.DOM 事件
| 常用事件 | |
|---|---|
| Onclick | 当用户点击某个对象时调用的事件 |
| onload | 一张页面或一幅图像完成加载 |
| Onunload | 用户退出页面 |
| Onreset | 重置按钮被点击 |
| Onchange | 域的内容被改变 |
例：
<script>
function changetext(id) { id.innerHTML="谢谢!"; }
</script>
<body onload=“init()">
<h1 onclick=“changetext(this)”>请点击该文本</h1> //this代表元素自身
</body>我的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 ...
随机推荐
- CentOS6.5下安装JDK
之前一直没有完全的总结出一篇关于Linux下安装Java的过程,今天正好就整理下. 下载jdk 如果在官网下载比较慢,那么可以到我的云盘分享上,下载jdk 1.8.0的版本: 下载地址参考链接 解压缩 ...
- Linux下chkconfig命令详解 这个简单明了啊
chkconfig命令主要用来更新(启动或停止)和查询系统服务的运行级信息.谨记chkconfig不是立即自动禁止或激活一个服务,它只是简单的改变了符号连接. 使用语法:chkconfig [--ad ...
- iOS-性能优化1
iOS应用是非常注重用户体验的,不光是要求界面设计合理美观,也要求各种UI的反应灵敏,我相信大家对那种一拖就卡卡卡的 TableView 应用没什么好印象.还记得12306么,那个速度,相信大家都 ...
- maven install 读取jar包时出错；error in opening zip file
错误信息: [INFO] ------------------------------------------------------------------------ [ERROR] Failed ...
- 快速入门系列--WCF--06并发限流、可靠会话和队列服务
这部分将介绍一些相对深入的知识点,包括通过并发限流来保证服务的可用性,通过可靠会话机制保证会话信息的可靠性,通过队列服务来解耦客户端和服务端,提高系统的可服务数量并可以起到削峰的作用,最后还会对之前的 ...
- 面试准备 - 最大堆的Csharp实现
面试中最常见的问题之一...在N个数中间寻找前K大个元素 最常见的解法就是最大堆 时间复杂度O(N*log(K)) 空间复杂度O(k) 实现了一个最简单的最大堆,每次有元素进来都和堆顶元素比较一下,如 ...
- PHP的学习--PHP的引用
引用是什么 在 PHP 中引用意味着用不同的名字访问同一个变量内容.这并不像 C 的指针,替代的是,引用是符号表别名.注意在 PHP 中,变量名和变量内容是不一样的,因此同样的内容可以有不同的名字.最 ...
- Request.UrlReferrer 使用
最近有一个功能是反馈统计,然后在反馈建议里面添加是从哪个页面点击过来的,一开始打算做成&url=这种方法加在链接里面然后页面接受参数,后来知道了request.UrlReferrer 知道他可 ...
- 一套后台管理html模版
最近自己需要一套后台管理的模版,然后去网上查找,模版的确很多,但是适合我的并不多.我需要的模版是不会很大,我能够控制代码,样式不要太古朴,最好有点CSS3的效果.最后终于找到一张主页,然后再根据这个主 ...
- Spark入门实战系列--3.Spark编程模型（上）--编程模型及SparkShell实战
[注]该系列文章以及使用到安装包/测试数据 可以在<倾情大奉送--Spark入门实战系列>获取 .Spark编程模型 1.1 术语定义 l应用程序(Application): 基于Spar ...