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公司 ...
随机推荐
- JavaSE-12 面向对象程序设计的几条基础原则
摘取代码中变化的行为,形成接口 在设计基类的时候,如果该类某个成员方法在子类中的实现变化差别比较大(一部分子类实现该方法是相同的),作为基类有两个问题:一是该方法不再通用:二是子类如果重写该方法,存在 ...
- 全国高校绿色计算大赛 预赛第一阶段（Python）
第1关将字符串反转 #!/usr/bin/env python # -*- coding: utf-8 -*- class Task: def inversion(self, str): # **** ...
- Python学习-列表的修改，删除操作
列表的修改操作 列表中的许多操作和字符串中有许多的相同点,因为列表是一个有顺序可变的元素集合,所以在列表中可以进行增加,删除,修改,查找的操作. 列表的修改操作: 如果你想单个修改列表中的某一个元素, ...
- VM虚拟机中CentOS6.4操作系统安装一
在 VMware中鼠标单击“编辑虚拟机设置”,在弹出的“虚拟机设置”对话框中的“硬件”标签中选择“CD/DVD(IDE)”,然后在右侧的“CD /DVD(IDE)”连接选项中选择“使用ISO映像文件” ...
- thinkphp 5.0整合阿里大于验证码短信发送接口，含完整模型验证实例DEMO
为大家分享一个阿里大于短信发送接口: 首先创建一个发送模型(Send.php): <?php namespace app\index\model; use think\Validate; cla ...
- Tensor数据类型
目录 Tensor数据类型 属性 数据类型判断 数据类型转换 tensor转numpy Tensor数据类型 list: [1,1.2,'hello'] ,存储图片占用内存非常大 np.array, ...
- Adversarial Auto-Encoders
目录 Another Approach: q(z)->p(z) Intuitively comprehend KL(p|q) Minimize KL Divergence How to comp ...
- jquery点击事件
$("#hoetelNameSelect").click( $.post("${ctx}/meeting/restaurant/queryHotelName", ...
- Zoj 3781(构造)
Zoj 3781(构造) Zoj 3781 As we all know, Coach Gao is a talented chef, because he is able to cook M dis ...
- 【05】AJAX实例-检测用户名是否存在（实例）
AJAX实例-检测用户名是否存在 用户注册时,需要填写个人信息,其中包括用户名.当用户输入完成时,JavaScript 需要及时检测用户名是否存在,如果存在给出提示,请用户更换用户名. 当然,这个 ...