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. Atitit 如何利用先有索引项进行查询性能优化

    Atitit 如何利用先有索引项进行查询性能优化 1.1. 再分析的话就是我们所写的查询条件,其实大部分情况也无非以下几种:1 1.2. 范围查找 动态索引查找1 1.2.1. 索引联合 所谓的索引联 ...

  2. Atitit 混合叠加俩张图片的处理 图像处理解决方案 javafx blend

    Atitit 混合叠加俩张图片的处理 图像处理解决方案 javafx blend 1.1. Jhlabs 好像有了可以叠加算法,但是没有找到doc1 1.2. 自己算法叠加1 1.3. 使用javaf ...

  3. Atitit 订单处理原理与功能设计attilax总结

    Atitit 订单处理原理与功能设计attilax总结 订单有三大订单分类,商品订单,充值支付订单,报名订单等..1 订单完成流程  "select * from orderv2 where ...

  4. 《Wireshark数据包分析实战》 - http背后，tcp/ip抓包分析

    作为网络开发人员,使用fiddler无疑是最好的选择,方便易用功能强. 但是什么作为爱学习的同学,是不应该止步于http协议的,学习wireshark则可以满足这方面的需求.wireshark作为抓取 ...

  5. HTML 5.1的新增特性

    相对于HTML5,HTML 5.1又带来以下改变,这些可以作为以后的参考. 新增的特性 <picture>和scrset属性允许响应式图片选择: <details>和<s ...

  6. Linux设置SFTP服务用户目录权限

    我们有时会遇到这样的需求,限制一个Linux用户,让他只能在指定的目录下进行添加.修改.删除操作,并且只能使用sftp登录服务器,不能用ssh操作.这些可以通过配置sftp服务实现. 提供sftp服务 ...

  7. haslayout详解

    定义 haslayout是IE7-浏览器的特有属性.hasLayout是一种只读属性,有两种状态:true或false.当其为true时,代表该元素有自己的布局,否则代表该元素的布局继承于父元素. [ ...

  8. 编译原理（简单自动词法分析器LEX）

    编译原理(简单自动词法分析器LEX)源程序下载地址:  http://files.cnblogs.com/files/hujunzheng/%E6%B1%87%E7%BC%96%E5%8E%9F%E7 ...

  9. Azure操作手册集合

    <Windows Azure Platform 系列文章目录> 第一篇: Azure EA Portal管理手册,主要面向Azure企业管理员,介绍-          如何将测试订阅转为 ...

  10. 如何做好一个ORM框架

    很多人都不太认可以第三方ORM,因为考虑的点不够全面,没有用户群体大的ORM有保证,这点是不可否认确是事实. 但是往往用户群体大的ORM又有不足之处,就拿用户群体最多的两个ORM来说一下吧 1.EF ...