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笔记的更多相关文章

  1. [Effective JavaScript 笔记] 第4条：原始类型优于封闭对象

    js有5种原始值类型:布尔值.数字.字符串.null和undefined. 用typeof检测一下: typeof true; //"boolean" typeof 2; //&q ...

  2. [Effective JavaScript 笔记] 第5条：避免对混合类型使用==运算符

    “1.0e0”=={valueOf:function(){return true;}} 是值是多少? 这两个完全不同的值使用==运算符是相等的.为什么呢?请看<[Effective JavaSc ...

  3. [Effective JavaScript 笔记]第3章：使用函数--个人总结

    前言 这一章把平时会用到,但不会深究的知识点,分开细化地讲解了.里面很多内容在高3等基础内容里,也有很多讲到.但由于本身书籍的篇幅较大,很容易忽视对应的小知识点.这章里的许多小提示都很有帮助,特别是在 ...

  4. [Effective JavaScript 笔记]第27条：使用闭包而不是字符串来封装代码

    函数是一种将代码作为数据结构存储的便利方式,代码之后可以被执行.这使得富有表现力的高阶函数抽象如map和forEach成为可能.它也是js异步I/O方法的核心.与此同时,也可以将代码表示为字符串的形式 ...

  5. [Effective JavaScript 笔记]第28条：不要信赖函数对象的toString方法

    js函数有一个非凡的特性,即将其源代码重现为字符串的能力. (function(x){ return x+1 }).toString();//"function (x){ return x+ ...

  6. 从头开始学JavaScript 笔记(一)——基础中的基础

    原文:从头开始学JavaScript 笔记(一)--基础中的基础 概要:javascript的组成. 各个组成部分的作用 . 一.javascript的组成   javascript   ECMASc ...

  7. 【原】javascript笔记之Array方法forEach&map&filter&some&every&reduce&reduceRight

    做前端有多年了,看过不少技术文章,学了新的技术,但更新迭代快的大前端,庞大的知识库,很多学过就忘记了,特别在项目紧急的条件下,哪怕心中隐隐约约有学过一个方法,但会下意识的使用旧的方法去解决,多年前ES ...

  8. JavaScript笔记目录

    JavaScript笔记目录 一.JavaScript简介 二.在HTML中使用JavaScript ...持续更新中,敬请期待

  9. 蛋糕仙人的javascript笔记

    蛋糕仙人的javascript笔记:https://www.w3cschool.cn/kesyi/kesyi-nqej24rv.html

  10. JavaScript笔记（第一章，第二章）

    JavaScript笔记(第一章,第二章) 第一章: <meta http-equiv="Content-Type" content="text/html; cha ...

随机推荐

  1. C#Color对象的使用介绍及颜色对照表

    原文地址  http://blog.sina.com.cn/s/blog_3e1177090101bzs3.html 今天用到了特转载 NET框架中的颜色基于4种成份,透明度,红,绿和蓝.每一种成份都 ...

  2. JS的prototype和__proto__ Constructor

    一.prototype和__proto__的概念 prototype是 注意是 只有函数的一个属性才有的(每个函数都有一个prototype属性),这个属性是一个指针,指向一个普通对象并且不是原型对象 ...

  3. iOS-应用打包发布常见问题

    这个月公司安排我一个人做iOS客户端开发,由于急着用,我先发布一个版本,由于第一次发布iOS应用,期间出了不少问题,记录于此. 1.使用Application Loader 发布时报错:Communi ...

  4. ASP.NET MVC3 模板页的使用

    占位符的使用: 下面是一个模板页 _Layout.cshtml <!DOCTYPE html> <html> <head> @RenderSection(" ...

  5. hibernate(三) 一对多映射关系

    序言 前面两节讲了hibernate的两个配置文件和hello world!.还有hibernate的一级缓存和三种状态,基本上hibernate就懂一点了,从这章起开始一个很重要的知识点,hiber ...

  6. 快速入门系列--WCF--08扩展与新特性

    最后一章将进行WCF扩展和新特性的学习,这部分内容有一定深度,有一个基本的了解即可,当需要自定义一个完整的SOA框架时,可以再进行细致的学习和实践. 服务端架构体系的构建主要包含接下来的几个要素:服务 ...

  7. CSS三列布局

    × 目录 两侧定宽中间自适应 两列定宽一侧自适应 中间定宽两侧自适应一侧定宽两列自适应三列自适应总结 前面的话 前面已经介绍过单列定宽单列自适应和两列自适应的两列布局.本文介绍三列布局,分为两侧定宽中 ...

  8. javase基础复习攻略《三》

    编程语言的发展: 机器语言——直接由计算机的指令组成,指令.地址.数据都是以"0"和"1"的符号串组成,可以被计算机直接执行. 汇编语言——用容易理解和记忆的符 ...

  9. webstorm使用技巧

    WebStorm快捷键收集:模式visual studio 代码提示:ctrl + alt + 空格 代码补全:alt + / 代码换行:ctrl + shift + 上下箭头 重新运行:ctrl + ...

  10. Linux:文件权限

    Linux:文件权限 1.文件权限 ☆文件所有者 ☆用户组 ☆其他人 ☆ROOT 说明: Linux系统中默认所有系统上的账号与一般身份用户,还有那个root的相关信息记录在/etc/passwd文件 ...