2016/2/21 JavaScript简介
1，javaScript 是什么？
是脚本语言，需要有宿主文件，它的宿主文件是HTML文件。
2，它与Java什么关系？
没有什么直接的关系，Java是Sun公司（被Oracle收购了），
netspace（网景公司，美国在线收购），JScript是微软的，
与Java相似度90%，但一些功能只在IE上使用。
3，它的用法:
在HTML中位置有三块：
①head里面 ②body里面 ③</html>之后
为了保险起见，一般写在</html>之后。
<script.language="javascript">代码必须放在这里面</script>
4,三个常用对话框：
①alert（“”）警告对话框，作用是弹出一个警告对话框。
②confirm（“”）确定对话框，作用是弹出一个可供选择的确定对话框，点 击确定之后，它返回ture，点击取消返回false，可以用变量来接收。
③prompt（“要显示的提示文字”），作用是弹出一个可以输入内容的对话 框。
二、JavaScript语法
1，基本数据类型
字符串、小数、整数、日期时间、布尔型等。
2，变量：
都是通用型var，可以随便存储其他类型的值，可以直接使用，不用定义。但习惯定义。
定义变量：var a； //所有变量定义都用var定义，var是通用的可变类型。
var s=“3.14”； var n=parseFloat（s）；s+=5；
var d=parseInt（s）；
3，数组：
数组的定义：new Array（）；//它的长度是动态变化的，里面可以放任意类型的元素。
数组元素的赋值：a[0]=123; a[1]="hello";//元素中个索引从0开始。
数组的取值：a[i];
数组的属性：a.length; //zz数组元素的个数，长度。
方法：a.sort();//数组排序，按照每一个元素的第一个字符进行排序。 a.reverse();//翻转数组。
4，函数：
函数的四要素：名称、输入、返回值、加工。
定义的函数：function add（参数）{函数体}//函数名为add，输入为参数的形式，返回值可以是var类型，也可以return一个返回值。
函数必须经过调用才能执行。函数的调用：add（实参）。
*放在头部也可以读取（最先读取头部）
表单提交时会自动刷新网页，最好关掉
写法：
1、输出
<script>
document.write("hello world");
</script>
2,按钮运用
<input name="alert" value="alert" type="button" onclick='alert'("这是出发事件")/>
3,定义变量并输出
var bianliang；
bianliang=“123”；
document.write(bianliang)；
4、改变元素的属性
<p id="hello">hello</p>
<script>
function hello()
{
x=document.getElementById（“hello”）
x.style.color="#ff0000";
}
</script>
<input type="button" value="点击变颜色" onclick=“hello()”/>
<!--点击由黑色变红色-->
5、item索引，指示第n个出现的元素，与getElementsByName同时使用
定义一组变量
var student={
name：“张三”
sex：“男”
}；
student.name="张三"；
doucument.write(student.name);
(表示打印张三)
<script src=""></script>
1,类型转换：
分为自动转换和强制转换，一般用强制转换。
其他类型转换为整数：parseint（）；
其他类型转换为小数：parsefloat（）；
判断是否是一个合法的数字类型：isNaN（）；
是数字的话返回false，不是数字的话返回ture。
示例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head> <body>
<p id="p">今天天气不错</p><input name="" type="button" value="点击使文字消失" onclick="visible()" /><input name="" type="button" value="点击使文字显示" onclick="visible1()" />
</body>
</html>
<script type="text/javascript">
var aa= prompt("请输入一个正整数","例如5");
if(aa!=null && aa!="")
{
var b = isNaN(aa);
alert(b)
}
function visible()
{
var a =document.getElementById("p");
a.style.visibility="hidden";
}
function visible1()
{
var a =document.getElementById("p");
a.style.visibility="visible";
}
</script>
prompt("请输入数字"，“只能是数字”)；
需要将prompt放进isNaN方法内
2.运算符：
数学运算符：+-*/%++--;
关系运算：== ！= >= <= ><;
逻辑运算符;&& || !;
其他运算符：+= -= *= /= %= ? :
3,语句：
一般分为顺序、分支和循环语句。
（1）分支语句if：
if(判断条件)
{
满足条件要执行的语句
}
else
{
不满足条件时执行的语句
}
（2）循环for语句：
for（初始条件；循环条件；状态改变）
{
循环体
}
（三）问题类型：穷举、迭代。
（四）两个关键词：break和continue。
（五）如果要输出某一参数的值:输出的值是“+a+”和“+b”
<script>function visiblel()
{
$("p").hide(); // 有问题
$(function(){ /*code here*/ }) 这种写法是jQuery中常见的，$其实就是jQuery的一个引用，作用和jQuery(function(){ /*code here*/ }) 一个含义。
只有引用jquery $符才真正有作用
};</script></head><body><input type="button" onclick="visible1()"
value="点这里让文字消失"/><p>我会消失</p>
$("id1")相当于document.getElementById("id1")(文件.得到元素通过id)
1，DOM的基本概念
DOM是文档对象模型，这种模型为树模型； 文档是指标签文档；对象是指文档 中每个元素；模型是指抽象化的东西。
2，Windows对象操作
一，属性和方法：
属性（值或者子对象）：
opener：打开当前窗口的源窗口，如果当前窗口是首次启动浏览器打开的，则opener是null。
dialogArgument：对话框返回值。
子对象：history location status menubar toolbar等
方法（函数）：事件（事先设置好的程度，被触发）。
二、Window.open("第一部分"，“第二部分”，“第三部分”，“第四部分”)
Window.open的特征参数:
name 像分组
jquery 动画特效
onmouseover 放上时 变亮 点击那张 滚到最中间
css样式
圆盾
1 prompt 要加条件if &&
2 $
3wschool 自学自查
2016/2/21 JavaScript简介的更多相关文章
- 2016.8.21 JavaScript 入门
1.JavaScript的数据类型: ①undefined ②null ③boolean ④string ⑤symbol ⑥number, object 2.在JavaScript中所有的变量和 ...
- 《JavaScript高级程序设计（第3版）》阅读总结记录第一章之JavaScript简介
前言: 为什么会想到把<JavaScript 高级程序设计(第 3 版)>总结记录呢,之前写过一篇博客,研究的轮播效果,后来又去看了<JavaScript 高级程序设计(第3版)&g ...
- FeWeb基础之JavaScript简介
FeWeb基础之JavaScript简介 1.JavaScript的基本介绍 JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言,它是通过嵌入或调入在标准的HTML语言中实现的.Ja ...
- JavaScript简介及示例
JavaScript简介及使用 一.简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛 ...
- FFMpeg ver 20160219-git-98a0053 滤镜中英文对照 2016.02.21 by 1CM
FFMpeg ver 20160219-git-98a0053 滤镜中英文对照 2016.02.21 by 1CM T.. = Timeline support 支持时间轴 .S. = Slice t ...
- HTML JavaScript简介
一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...
- javascript简介和基本语法
javascript简介 1.javascript是个脚本语言,需要有宿主文件,他的宿主文件是html文件. 用法:为了保险起见一般写在</html>之后<javascript ...
- ”耐撕“团队 2016.3.21 站立会议3 2 1 GO！
”耐撕“团队 2016.3.21 站立会议 时间:2016.3.21 ① 17:20-17:45 ②17:55-18:10 总计40分钟 成员: Z 郑蕊 * 组长 (博客:http://www ...
- JavaScript简介、语法
一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...
随机推荐
- redis中基本命令
记录一下redis中的基本命令.redis中有redis-cli工具客户端,使用这个客户端来发送一些命令 一.redis-cli的使用 1.redis-cli使用之发送命令 2.redis-cli使 ...
- js计算最小凸多边形
最近在做项目的时候遇到一个需求:要求用户可以在地图上绘制多边形,项目中使用的是高德地图,由于无法限制用户绘制的方式,可能出现下图的情况 用户期望的效果如下图所示 本质上,用户希望出现的是凸多边形而不是 ...
- SSH安全服务
ssh安全服务 client \ sever ssh: secure shell, protocol, 22 / tcp, 安全的远程登录, 基于RSA或DSA实现身份认证 两 ...
- 树莓派2-SSH
树莓派3系统SSH是默认关闭的, 将SD卡插入linux, 在root 分区, 修改/etc/rc.local 在exit 0前增加一行 /ect/init.d/ssh start 将SD卡插回树莓派 ...
- Angular网络请求的封装
很多时候,我很喜欢angular的编码风格,特别是angular支持typescript之后,完整的生命周期,完美的钩子函数,都是别的语言所无法替代的.这里我来说说我自己的网络请求封装,某种意义上来说 ...
- linux 负载各项查看命令
free -h top -c 查看使用情况 sar -r/s/b 查看IO状态 iostat -x 1 10 查看服务器的状态 vmstat 查看内存使用率最后的前10个进程 ps -aux |sor ...
- UVA 1589 象棋
题意: 给出一个黑方的将, 然后 红方有 2 ~ 7 个棋子, 给出摆放位置,问是否已经把黑将将死, 红方已经将军. 分析: 分情况处理, 车 马 炮, 红将情况跟车是一样的. 建一个数组board保 ...
- Java面向对象学习-----类的成员变量2
请定义一个交通工具(Vehicle)的类,其中有: 属性:速度(speed),体积(size)等等 方法:移动(move()),设置速度(setSpeed(int speed)),加速speedUp( ...
- [thrift] thrift基本原理及使用
参考文章RPC 基本原理与 Apach Thrift 初体验 RPC基本原理 RPC(Remote Procedure Call),远程过程调用,大部分的RPC框架都遵循如下三个开发步骤: 1. 定义 ...
- 被老板逼着实现了Excle的透视表分析算法
package com.example.demo; import java.sql.SQLException;import java.util.ArrayList;import java.util.H ...