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. OutputCache属性详解（一）一Duration、VaryByParam

    目录 OutputCache概念学习 OutputCache属性详解(一) OutputCache属性详解(二) OutputCache属性详解(三) OutputCache属性详解(四)— SqlD ...

  2. iOS-性能优化4

    UITableView性能优化技巧 Table view需要有很好的滚动性能,不然用户会在滚动过程中发现动画的瑕疵. 为了保证table view平滑滚动,确保你采取了以下的措施: 正确使用`reus ...

  3. Linux常用命令03

    上篇我们写到,如何编辑文件,我们有时候,在编辑的时候,有可能会异常的退出,这样的话, linux会针对这个文件生成一个swp文件,当你下次进入vi模式时,就会提示你一个错误 这样,即使你按enter键 ...

  4. 解析Visual Studio 2015促进生产力的10个新功能

    1 性能提示 Performance Tips 当我们想知道执行一段代码所耗费的时间时,需要借助于.NET 框架的Stopwatch类,像下面这样: class Program { static vo ...

  5. css text-align-last设置末尾文本对齐方式

    text-align-last:auto | start | end | left | right | center | justify auto: 无特殊对齐方式. left: 内容左对齐. cen ...

  6. 总结整理 -- python系列

    python系列 python--基础学习(一)开发环境搭建,体验HelloWorld python--基础学习(二)判断 .循环.定义函数.继承.调用 python--基础学习(三)字符串单引号.双 ...

  7. Angular从0到1：function（下）

    1.前言 2.function(下) 2.13.angular.isArray(★★) angular.isArray用于判断对象是不是数组,等价于Array.isArray console.log( ...

  8. 一键配置本地yum源

    在使用RedHat系统过程中,经常会安装各种包,而包的安装又存在着依赖性的问题,即一个包的安装通常依赖其它很多包的安装.这样,就会相当不便.所幸,RedHat提供了Yum.Yum(全称为 Yellow ...

  9. Spring MVC 学习总结（六）——Spring+Spring MVC+MyBatis框架集成

    与SSH(Struts/Spring/Hibernate/)一样,Spring+SpringMVC+MyBatis也有一个简称SSM,Spring实现业务对象管理,Spring MVC负责请求的转发和 ...

  10. 决战JS

    经过这几日的学习,测试和摸索,算是了解了一些关于javascript 的相关知识吧.学习过程中做出了一些小DEMO,现总结一下实现这些DEMO的基本思路,如有不妥或更为简便的方法,还希望大神拍砖,共同 ...