我的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 ...
随机推荐
- Atitit 发帖机实现(2)---usrQBN2243 文本解析到对象协议规范
Atitit 发帖机实现(2)---usrQBN2243 文本解析到对象协议规范 文本内容 ###注释 标题:标题标题标题标题标题1 人数:5 月薪:2000-3000 内容: 内容内容内 容内容内容 ...
- Atitit.attilax重要案例 项目与解决方案与成果 v6 qa15
Atitit.attilax重要案例 项目与解决方案与成果 v6 qa15 1. attilax重要案例的分类(atiuse,auBackTech,bizImp)3 1.1. 两个book3 1.2. ...
- 学习ASP.NET MVC(五)——我的第一个ASP.NET MVC CURD页面
在上一篇文章中我们已经创建了实体类,在这一篇文章中,我将创建一个新的控制器类——BookController,使用BookController对Books表中的数据进行CURD操作的方法,并使用视图模 ...
- android上引入七牛 上传图片或者文件 最终整理版本(可用)
前言: 以下是引入七牛的步骤,以及在七牛中上传文件和获取文件private 私密地址. 生成上传凭证和获取下载凭证 具体如果使用过程有什么疑问可以加QQ(备注:七牛问题). 1:导入相关的包(注意是4 ...
- GOF设计模式特烦恼
这段时间,学习状态比较一般,空闲时基本都在打游戏,和研究如何打好游戏,终于通过戏命师烬制霸LOL,玩笑了.为了和"学习"之间的友谊小船不翻,决定对以往学习过的GOF设计模式做一个简 ...
- LLBL Gen Template Studio 2.x
Template Studio for LLBLGen Pro released Today we released Template Studio, a full-featured IDE for ...
- PopupWindow+ListView+OnItemClick点击无效
昨天踩了个大坑,从下午折腾到现在.实现以下功能: popupWindow显示listview,listView OnItemClick点击后获取值. 由于重写listview 是有两部分 列表正文和右 ...
- js中关于value的一个小知识点(value既是属性也是变量)
今天在学习input的value值时,发现这么一个小知识点,以前理解不太透彻. [1]以下这种情况是常见情况,会弹出“测试内容” <input type="button" v ...
- Javascript定时器(一)——单线程
一.JavaScript 引擎是单线程的 可以从下面的代码中看到,第一个用setTimeout中的代码是死循环,由于是单线程,下面的两个定时器就没机会执行了. <script type=&quo ...
- 百度地图JavaScript API覆盖物旋转时出现偏移
在项目中,调用百度地图JavaScript API,做覆盖物的旋转再添加到地图上,结果出现偏移了. 调试过程中的效果图: 发现图片的旋转并不是按车子的中心来的,而是之外的一个点.最后发现犯了一个很细节 ...