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. Spring Cloud 配置服务

    Spring Cloud 配置服务 1. 配置服务简介 产生背景: 传统开发中,我们通常是将系统的业务无关配置(数据库,缓存服务器)在properties中配置,在这个文件中不会经常改变,但随着系统规 ...

  2. Ubuntu14中supervisor的安装及配置

    supervisor是一款很好用的进程管理工具,其命令也很简单,其安装过程如下: Ubuntu14: 首先保证本地的Python环境是OK的,并且已经安装supervisor包,如果没有安装可以用ea ...

  3. 【技巧】只利用 Visual Stdio 自带的工具这么找父类？

    很多人说只能 F12 看见子类 其实vs里面有一个叫“对象浏览器” 通过这个就可以直接定位父类,不需要利用reflector之类的工具来找父类 具体如下:

  4. Github快速入门手册

    最近在试用Github,开源的思想也让人觉得把一些经验分享出来是非常好的事情.附件是doc文件,如有需要请注意查收.希望能对你有帮助. GITHUB基于互联网的版本控制快速入门手册 如有不妥,欢迎指正 ...

  5. Render OpenCascade Geometry Curves in OpenSceneGraph

    在OpenSceneGraph中绘制OpenCascade的曲线 Render OpenCascade Geometry Curves in OpenSceneGraph eryar@163.com ...

  6. 基于Metronic的Bootstrap开发框架经验总结（7）--数据的导入、导出及附件的查看处理

    在很多系统模块里面,我们可能都需要进行一定的数据交换处理,也就是数据的导入或者导出操作,这样的批量处理能给系统用户更好的操作体验,也提高了用户录入数据的效率.我在较早时期的EasyUI的Web框架上, ...

  7. 基于@AspectJ配置Spring AOP之一--转

    原文地址:http://tech.it168.com/j/2007-08-30/200708302209432.shtml 概述 在低版本Spring中定义一个切面是比较麻烦的,需要实现特定的接口,并 ...

  8. 用jQuery重置用于文件上传的input (type="file")

    页面中有如下标签: <input type="file" id="upload"/> 此标签本用于文件上传,现在有需要将其值重置为空.于是想当然地写 ...

  9. 170多个Ionic Framework学习资源（转载）

    在Ionic官网找到的学习资源:http://blog.ionic.io/learning-ionic-in-your-living-room/ 网上的文章比较多,但是很多时候我们很难找到自己需要的. ...

  10. Mac下如何配置环境变量

    以前都是在Windows平台上开发,在配置一些框架的时候,为了能够在命令行中调用,一般都会配置bin目录到环境变量中,这是为了让命令行在执行的时候,能够查找到对应的执行文件. 现在工作使用Mac,配置 ...