JS

JavaScript简称:js

Js 作为浏览器的内置脚本语言,为网页开发者提供操控浏览器的能力

js是一种基于对象(Object)和事件驱动(Event Driver)并具有安全性能的脚本语言

脚本语言一般都有相应的脚本引擎来解释执行,JavaScript的脚本引擎就是浏览器

JS是有三部分组成:

    * ECMAScript:也叫解释器,充当翻译角色,这是JS的核心部分

    * DOM: 文档对象模型(Document Object Model):DOM赋予了JS操作HTML的能力, 即       document操作

    * BOM :浏览器对象模型(Browser Object Model) BOM赋予了JS操作浏览器的能力,即window    操作  

document.writer():是字段标准的JavaScript命令,用来想页面输出内容

javaScript作为客户端程序,嵌入网页有以下三种方式:

            1. 使用<script>标签

            2. 使用外部JavaScript文件 <script type="text/javaScript" src="js/hello.js"></script>

            3. 直接在HTML标签中 <input name="btn" type="button" value="弹框消息" onclick="javascript:alert('欢迎你')"/>

onclick:用于单击事件
alert:用于弹框语句
document.write(): 输出语句

js是一种弱类型语言,没有明确的数据类型,在声明变量时不需要声明变量的数据类型,而是由赋给变量的值决定
用于检测数据是那种类型的数据可以用运算符typeof(变量或者是值)
变量是使用关键字var声明的 : var 合法的变量名
命名规范和Java相同,还有也是区分大小写
js不对"字符" 和"字符串"加以区别
算术运算符和比较运算符和Java一样的符号,而逻辑运算符是 and(&&) or(||) Not(!)
条件运算符: if switch 用法都是和Java相同
循环语句: for while do-while 中断循环的(break和continue)的用法都是和Java相同


空格:js是忽略空格的, 程序中可以在一行中包括空格和制表符,也可以包括空白行,这些不会造成错误的,
空格通常是为了是js程序更具有可读性

注释:与Java注释一样
//单行注释
以/*开始,以*/结束 :多行注释

警告:alert()方法会创建一个特殊的小窗口,该窗口带一个字符串和一个确定按钮
<script type="text/javaScript">
alert("我去");
</script>
提示:prompt()方法会弹出一个提示对话框,等待用户输入一行数据
输入格式:该方法的返回值可以被引用或存储到变量中
<script type="text/javaScript">
var color= prompt("你喜欢的颜色,");
document.write(color);
</script>


js常用语法,函数
js中的函数使用不用定义函数属于哪个类,可以直接调用函数名称来使用函数
ECMScript提供了两种非数字的原始值转成数字的函数,即parseInt()和parseFloat,
另外提供了一个检查是否是否非数字的函数isNaN

parseInt()函数可解析一个字符串,并返回一个整数,
在判断字符串是否是数字前,parseInt(),parsenFloat()都会分析该字符串
parseInt()函数首先查看位置0处的字符,判读他是否是个有效数字,如果不是返回NaN,不在继续执行其他的操作,
但如果该字符是有有效数字,该函数将查看位置1处的字符,进行同样的测试,这一过程将持续到发现非有效数字的字符为止。
此时parseInt将该字符串之前的字符转换成数字
例如: var num1 = parseInt("78.90"); //返回值为78
var num2 = parseInt("this36"); //NaN
var num3 = parseInt("456bb"); //456
var num4 = parseFloat("456ccc"); // 456
var num5 = parseFloat("45.58"); // 45.58
var num6 = parseFloat(45.46.23); // 45.46

IsNaN():函数用于检查其参数是否是非数字
var num1 = isNaN("12.5"); //false
var num2 = isNaN("23w"); // true;


方法的创建
<html>
<head>
<title>我是个快乐的html</title>
</head>
<script type="text/javaScript">
alert("我去");
</script>
<script type="text/javaScript">
function shuru() {
var count= prompt("输入个数");
ti(count)
}

function ti(count) {
for(var i=0; i<count; i++) {
alert("我是快乐的bug");
}
}

</script>
<body>
<h1>我是个快乐的程序员</h1>
<input type="submit" value="登录" onclick="shuru()"/>
</body>

</html>


变量:js中也有全局变量和成员变量
全局变量在一对<script></script>中可以都可以去到

window对象
window对象是浏览器对象中的顶层对象,同时window对象也成为浏览器对象,浏览器打开HTML文档时,通常会
创建一个window对象,然后,如果文档定义了一个或多个框架,浏览器将为原始文档创建一个window对象,同时
为每一个框架另外创建一个window对象,

window常用的方法
prompt:显示可提示用户输入的对话框 prompt(text, value);text:你想说的话,value:输入的话
alert:显示带有一个提示信息和一个确定按钮的警示框
confirm:显示一个带有提示信息,确定和取消按钮的对话框
close: 关闭浏览器窗口
open:打开一个新的浏览器窗口,加载给定URL所指定的文档
setTimeout: 在指定的毫秒数后调用函数或计算表达式
setInterval: 按照指定的周期(以毫秒计)来调用函数或表达式
在js中,方法的使用格式如下: window.方法名();
由于window对象表示当前窗口对象,是一个全局变量, 因此可以把当前窗口对象的方法当做函数来使用
比如:alert(), 而不使用window.alert();

原文地址:https://www.cnblogs.com/ghc666/p/7509119.html