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公司 ...
随机推荐
- How To:利用frm和idb文件进行数据恢复.txt
在另外一个机器上准备测试数据,并传输到dbadb05机器的/mysql/backup/reco/位置下.开始尝试恢复数据一.使用mysqlfrm获取表结构信息及DDL语句. [mysql@dbadb0 ...
- npm run build报错（npm ERR! code ELIFECYCLE）的解决办法
具体报错如下图: 环境:centos7 应该node_modules安装问题,我们需要重新安装 rm -rf node_modules rm package-lock.json npm cache c ...
- ubuntu Android Studio以及SDK安装
先使用迅雷下载linux版的Android Studio以及SDK,下载地址是https://dl.google.com/dl/android/studio/ide-zips/1.1.0/androi ...
- Python接口测试中通过登录接口获取实时token
1.封装login_token 2.headers:对应登录请求头部信息 3.request_param:登录的参数数据 4.json.dumps:将一个Python数据结构转换为JSON 5.dic ...
- [Android] java代码无错误，但跳转失败
今天在调代码的时候,出现了这样的问题,我晕了半天,才找到解决办法. 查看日志发现:Initialize Binary Program Cache: Load Failed 从来没见过这种问题,Java ...
- Blend 混合
Shader 中的混合 Blend Off :不混合 Blend SrcFactor DstFactor :SrcFactor 是源系数,DstFactor是目标系数,源系数是由片段着色器计算出来 ...
- 全文搜索（A-4）-推荐系统架构
推荐系统向用户推荐物品有三种情况. 推荐和用户已表示喜欢的物品相似的物品. 推荐和用户有相似偏好的用户喜欢的物品. 推荐包含用户偏好特征的物品.
- 2015 湘潭大学程序设计比赛（Internet）部分题解，其中有一个题与NYOJ1057很像，贪心过~~
仙剑奇侠传 祝玩的开心 ...
- [ C语言 ] 迷宫 迷宫生成器 [ 递归与搜索 ]
[原创]转载请注明出处 [浙江大学 程序设计专题] [地图求解器] 本题目要求输入一个迷宫地图,输出从起点到终点的路线. 基本思路是从起点(Sx,Sy)每次枚举该格子上下左右四个方向,直到走到终点(T ...
- C++对拍数据生成
#include<map> #include<ctime> #include<queue> #include<cmath> #include<cs ...