我的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 ...
随机推荐
- 用PHP访问数据库
<?php //1造链接.面向对象 .方式对象方式 //把对象定个名字$db //MySQLi:数据扩展类.在MySQLi里做对象() //host:代表服务器地址也叫做本机[本机服务器loca ...
- [常见问题]在Linux下执行Redis命令不起作用.
redis 127.0.0.1:6379> 这个后面无论输入什么命令都没有返回 ok 或者其他的信息,一直保持截图的状态: 解决方法:在SecureCRT中设置Options-->Sess ...
- Atitit 异常机制与异常处理的原理与概论
Atitit 异常机制与异常处理的原理与概论 1. 异常vs 返回码1 1.1. 返回码模式的处理 (瀑布if 跳到失败1 1.2. 终止模式 vs 恢复模式(asp2 1.3. 异常机制的设计原理 ...
- OutputCache属性详解(三)— VaryByHeader,VaryByCustom
目录 OutputCache概念学习 OutputCache属性详解(一) OutputCache属性详解(二) OutputCache属性详解(三) OutputCache属性详解(四)— SqlD ...
- iOS-----用LLDB调试,让移动开发更简单(二)
image lookup –address 当我们有一个地址,想查找这个地址具体对应的文件位置,可以使用image lookup --address,简写为image lookup -a e.g: 当 ...
- iOS-策略模式
在实际开发过程中,app需求都是由产品那边给出,往往是他给出第一版功能,我们写好代码后,会相应的给出第二版.第三版功能,而这些功能是在实际使用中,根据用户需求而不断增加的.如果在编码之初,我们并未认识 ...
- 手动为php安装memcached扩展模块
最近公司需要新部署几台服务器,主要就是lnmp平台,这几台服务器需要部署公司的系统,由于本屌刚入职时间不长,加上又是新手,所以对公司的架构一头雾水,前前后后折腾了一个月时间,终于磕磕绊绊的将系统服务器 ...
- Kruskal算法(二)之 C++详解
本章是克鲁斯卡尔算法的C++实现. 目录 1. 最小生成树 2. 克鲁斯卡尔算法介绍 3. 克鲁斯卡尔算法图解 4. 克鲁斯卡尔算法分析 5. 克鲁斯卡尔算法的代码说明 6. 克鲁斯卡尔算法的源码 转 ...
- JavaWeb:JavaBean基础
JavaBean基础 JavaBean简介: 1.JavaBean是一种可以重复使用的类,可以没有用户界面,主要负责业务数据或者处理事物(数据运算.操作数据库) 2.与JSP配合,可以简化JSP代码. ...
- log4net 中错误 System.Web.HttpException (0x80004005): 文件不存在
用日志组件,Global 中配置的输出最后一个错误信息,总是出现下面的错误信息: 2014-04-01 14:35:41,757 级别:ERROR 信息:[Exception]:System.Web. ...