1、JavaScript代码出现的位置：
* html页面的主题（<body>元素）如：
<body>
<script language = "javascript">
document.write("Hello,你好");
</script>
</body>
* html 页面的头部（<head元素> 上面的代码可以放在这，但通常是定义函数，可以在body中调用）
* 单独的外边文件中<script language = “javascript” src = “外边脚本的url”></script>（便于多个页面的重用
2、Javascript的关键字大小写不敏感，但是变量名是敏感的（A和a是不同的）。上面的document.write相当于jsp中的out.prient
2、基本数据类型：整形、浮点型、字符型、布尔
对象类型：内置对象（String、Math、Date）
浏览器对象（Window、Document、History、Forms……）
3、javascript是弱类型语言，变量声明时不指定数据类型，其数据类型根据所赋值类型决定，声明通常使用var，也可以不声明，但必须先赋值
4、pre：原样输出（html）"：双引号，如果没有pre的话，里面的一些/n、/t等都会被过滤，===（全等号类型，值都一样）==（只是值相等）
5、var sex = window.prompt("请输入您的性别（男/女）","")；whindow是一个浏览器对象，prompt弹出一个文本框，后面是默认值
6、javascript中swhitch可以是string类型。
7、for—in循环：
<script language = "javascript">
document.write("for--in循环");
var a = new Array(3);
a[0] = "ding";
a[2] = "yuan";
a[3] = "pu";
for(var s in a) {
document.write("<li>" + a[s] + "</li>");
}
</script>
8、javascript中数组的长度可变，你声明的长度是3，但你可以放5个元素
9、 <html>
<head>
<script type="text/javascript">
function sayHello() {
alert("欢迎光临");
}
function sayBye() {
alert("再见");
}
</script>
</head>
<body onload="sayHello()" onunload="sayBye()">
</body>
</html>
加载onload卸载onunload
10、<script type="text/javascript">
function clear1() {
document.myform1.uname.value = "";
}
function show() {
alert("你输入的姓名是：" + document.myform1.uname.value);
}
</script>
<input type = "text" name = "uname" value = "请输入姓名" onfocus = "clear1()" onBlur = "show()">
文本框获得焦点，失去焦点
11、鼠标跟随：
<html>
<head>
<style>
.mystyle {
position:absolute;
left:12;
top:222;
}
</style>
<script language="javascript">
function move(x, y) {
mypic.style.left=x;
mypic.style.top=y;
}
</script>
</head>
<body onMousemove="move(event.x, event.y)">
太好玩了！！！
<div class="mystyle" id="mypic">
<img src="fish.gif">
</div>
</body>
</html>
12、输出日期：
<body>
<script language = "JavaScript">
var cur = new Date();
document.write(cur);
document.write("<br>");
document.write(cur.getYear() + " 年 " + cur.getMonth()
+ " 月 " + cur.getDay() + " 日 " + cur.getHours() + " : "
+ cur.getMinutes() + " : " + cur.getSeconds());
</script>
</body>
13、表：
<html>
<head>
<script language = "JavaScript">
function showTime() {
var now = new Date();
var year = now.getYear();
var month = now.getMonth() + 1;
var date = now.getDate();
var day = now.getDay();
day = day == 0? "天":day;
var hours = now.getHours();
var mins = now.getMinutes();
var secs = now.getSeconds();
var timeVal2 = "现在时间：";
timeVal1 = "今天是：" + year + "年" + ((month < 10)? "0" : "")
+ month + "月" + date + "日 星期 " + day;
if(hours < 12)
timeVal2 += "上午";
else
timeVal2 += "下午";
timeVal2 += ((hours <= 12) ? hours : hours - 12);
timeVal2 += ((mins < 10) ? ":0" : ":") + mins;
timeVal2 += ((secs < 10) ? ":0" : ":") + secs;
document.clockForm.clock1.value = timeVal1;
document.clockForm.clock2.value = timeVal2;
}
function startClock() {
showTime();
window.setInterval("showTime()",1000);
}
</script>
</head>
<body onLoad = "startClock()">
<form name = "clockForm">
<input type = "text" name = "clock1" size = 30 readonly><br>
<input type = "text" name = "clock2" size = 30 readonly>
</form>
</body>
</html>
14、经典表单验证：
<html>
<head>
<title></title>
<script language="javascript">
function check() {
var valid = true;
var n = document.myform1.uname.value;
var p = document.myform1.psw.value;
var e = document.myform1.email.value;
if(n == "") {
window.alert("用户名不能为空");
valid = false;
}else if(p.length < 4) {
window.alert("密码不能为空且长度不能小于4个字符");
valid = false;
}else {
var idx = e.indexOf('@');
if(idx <= 0 || idx == e.length -1) {
alert("Email地址格式不合法！");
valid = false;
}
}
if(valid) {
document.myform1.submit();
}
}
</script>
</head>
<body>
请输入注册信息：
<form name="myform1" action="http://www.baidu.com" method="post">
姓名：<input type="text" name="uname" /><br />
密码：<input type="password" name="psw" /><br />
邮箱：<input type="text" name="email" /><br />
<input type="button" value="提交信息" onclick="check()" />
<input type="reset" />
</body>
</html>
15、常用的系统函数：
Eval(str)：计算字符串形式给出的表达式的值
ParseInt(str),parseInt(str,radix)：将字符串形式的数值解析为整数，如果解析到字符串中遇到非法字符则返回已解析的内容、不是出错；如果第一位即非法字符，返回NaN
paseFloat(str)：将字符串的数值解析为浮点数
16、javascript 使用的是DOM模型（Document Object Model，文档对象模型）document.form.username.value
逐层定位
17、常用浏览器对象（红色）：
18、Window对象：表示的是浏览器窗口，是其他浏览器对象的共同祖先，可以省略不写，浏览器打开heml文档时，通常会创建一个window对象。常用方法有：
* alert()
* open(URL,windowName, parameterList) 打开一个窗口
* close() 关闭一个窗口
* promt(text, Defaulttext) 弹出一个文本输入框
* confirm(text) 弹出一个确认窗口，返回布尔类型
* setInterval(func, timer) / clearInterval(timer) 知定时间间隔和任务 / 知道时间间隔
例：adv.html
<html>
<head>
</head>
<body>
<h1>欢迎访问！</h1>
<hr />
<input align="center" type="button" value="关闭窗口" onclick="window.close()"/>
</body>
</html>
Test.html
<html>
<head>
<script language="javascript">
function advertise() {
window.open("adv.html","myadvWindow","toolbar = no,left = 300,top = 200,menubar = no,width = 250,height = 200");
}
function f1() {
var flag = window.confirm("确定要删除此条记录吗？");
if(flag) {
document.form1.submit();
}
}
</script>
</head>
<body onload="advertise()">
<form name="form1" action="http://www.baidu.com">
记录1<input type="text" /><input type="button" name="ic1" value="删除" onclick="f1()" /><br />
记录2<input type="text"/><input type="button" name="ic2" value="删除" onclick="f1()" /><br />
</form>
<hr />
<input type="button" value="关闭窗口" onclick="window.close()" />
</body>
</html>
19、document：指当前的文档，主要方法是：write()
20、location对象：
主要方法 ：window.location = “targetUrl” 转到新页面
reload（）刷新
例：<html>
<head>
<script language="javascript">
function redirect() {
var flag = window.confirm("确定要转到搜索页面吗？");
if(flag) {
window.location = "http://www.xiaonei.com"
}
}
</script>
</head>
<body>
<script language="javascript">
document.write(new Date());
</script>
<input type="button" value="刷新页面" onclick="location.reload()" />
<input type="button" value="搜索功能" onclick="redirect()" />
</body>
</html>
21、History对象，封装了当前浏览器曾经访问过的网页url信息，并提供了相应的访问和页面跳转功能。
主要的属性方法：go(index) back() forward()
例：<html>
<head>
<script language="javascript">
function f1() {
location = "http://www.v512.com";
}
</script>
</head>
<body>
<input type="button" value="返回back()" onclick="history.back()" />
<input type="button" value="返回go(-1)" onclick="history.go(-1)" />
<input type="button" value="返回go(-2)" onclick="history.go(-2)" />
<input type="button" value="前进go(1)" onclick="history.go(1)" />
<input type="button" value="前进forward()" onclick="history.forward()" />
<input type="button" value="转到v512" onclick="f1()" />
</body>
</html>
分享到：
相关推荐
本篇内容将围绕"JavaScript总结导图"展开，深入探讨JavaScript的基础知识、核心概念以及高级特性。 1. **基础语法** JavaScript的基础包括变量声明（var、let、const）、数据类型（如字符串、数字、布尔值、null、...
### JavaScript总结笔记 #### JavaScript简介 JavaScript是一种广泛使用的、基于对象和事件驱动的脚本语言。它最初由网景公司（Netscape）的布兰登·艾奇于1995年创建，并逐渐成为现代Web开发的核心技术之一。...
在“javascript总结”这个主题中，我们将深入探讨JavaScript的基础知识，以及它如何与HTML标签相互作用来增强用户体验。 首先，让我们从HTML标签开始。HTML（超文本标记语言）是网页内容的结构框架，而JavaScript则...
这篇经典的JavaScript总结实例将深入探讨DOM对象的操作和XML文档解析，这两部分是JavaScript在网页开发中不可或缺的部分。 首先，DOM（Document Object Model）是HTML和XML文档的结构化表示，它将网页内容转化为可...
JavaScript总结，很适合学习基础的东西。上传的是图片格式是，方便大家打开。仅仅一张图，让你了解javascript。
javascript总结.xmind
在这个"前端JavaScript总结"中，我们将深入探讨JavaScript的基本概念、语法特性、核心功能以及在实际开发中的应用。 首先，JavaScript是一种解释型的、弱类型的脚本语言，它基于ECMAScript规范，并在Web浏览器中...
在本“JavaScript总结图”中，我们可以期待找到一系列的图表，这些图表将帮助我们更好地理解和记忆JavaScript的核心概念、语法结构以及常用功能。 1. **基础语法** - 变量声明：JavaScript支持var、let和const三种...
自己弄得一个总结文档方便初学者快速学习 csdn真恶心
JavaScript 课程内容总结 JavaScript 是一种广泛应用于网页开发的编程语言，以下是 JavaScript 的基础知识点总结。 数据类型 在 JavaScript 中，数据类型包括字符串（string）、数值型（number）、布尔型...
个人Javascript学习笔记 精华版 本资源为个人Javascript学习笔记的精华版，涵盖了Javascript的基础知识、事件处理、对象和系统函数、浏览器对象等方面的内容。下面是对每个知识点的详细说明： 1. 什么是JavaScript...
JavaScript，一种广泛应用于Web开发的脚本语言，是前端开发的核心技术之一。它主要负责网页的动态效果、用户交互以及数据..."JavaScript总结笔记"可能包含了这些内容的详细讲解，建议深入学习以提升JavaScript技能。
JavaScript 基础教程 JavaScript 是一种广泛应用于网页和网络应用的轻量级编程语言，它主要用于增强网页的交互性和动态功能。JavaScript 能够直接嵌入 HTML 页面中，为设计师提供了一种无需深入编程就能实现动态...
本文将围绕“JavaScript学习总结”这一主题，深入探讨其基本概念、语法特性、DOM操作以及与CSS的协同使用。 一、JavaScript基础 JavaScript由Brendan Eich在1995年发明，最初是为了网页交互而设计，现在已经成为...