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. lua使用io.open跨平台文件夹遍历匹配查找

    -- Desc :实现在LUA_PATH中的lua文件中遍历寻找没用到PNG_PATH路径下的png图片,并将其打印出来. -- Date :12:49:28 2014-09-04 1 print(& ...

  2. iOS开发——UI精选OC篇&UIApplication,UIWindow,UIViewController,UIView(layer)简单介绍

    UIApplication,UIWindow,UIViewController,UIView(layer)简单介绍 一:UIApplication:单例(关于单例后面的文章中会详细介绍,你现在只要知道 ...

  3. hadoop本地库与系统版本不一致引起的错误解决方法

    hadoop本地库与系统版本不一致引起的错误解决方法 部署hadoop的集群环境为 操作系统 centos 5.8 hadoop版本为cloudera   hadoop-0.20.2-cdh3u3 集 ...

  4. ios app 打包上传 app store（Application Loader）

    背景:使用Xcode 上传APP, 这个 有时候很慢,构建版本需要等很长时间,所以我推荐使用Application Loader 1.使用xocd 打包,导出.ipa文件 2. OK ,跟着上面做, ...

  5. Javascript快速入门(上篇)

    Javascript的熟练之路,小弟来了. JavaScript简介:JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript ...

  6. Android实现下滑和上滑事件

    做过开发的对于下滑刷新与上滑加载都一定不陌生,因为我们在很多时候都会使用到,那对对于这个效果如何实现呢?相信难道过很多小伙伴,今天我就带领大家一道通过第三方组件快速完成上述效果的实现,保准每位小伙伴都 ...

  7. 本机搭建zookeeper集群

    3个 clientPort分别设置为2181,2182,2083 server.1=127.0.0.1:2888:3888 server.2=127.0.0.2:2889:3889 server.3= ...

  8. Vim多行缩进技巧

    按v进入visual状态,选择多行,用>或<缩进或缩出 通常根据语言特征使用自动缩进排版:在命令状态下对当前行用== (连按=两次), 或对多行用n==(n是自然数)表示自动缩进从当前行起 ...

  9. Anliven - 你的学习为何如此低效？！

    拖延 适时学习的本质就是营造机会,具有强烈的时效性,而拖延能够毁灭所有机会! 一个得不到执行的完美计划,比不上一次仓促的执行! 盲目 缺少有效的策略和方法,没有弄清基本的问题(需求--->性质- ...

  10. JAVA 设计模式 外观模式

    用途 外观模式 (Facade) 为子系统中的一组接口提供一个一致的界面,此模式定义了一个高层接口,这个接口使得这一子系统更加容易使用. 外观模式是一种结构型模式. 结构