个人的一点想法

javascript


解释性、用于客户端、就对象的脚本语言，能够控制html、css代码


1、编写位置
1）外部
新建一个后缀名为  *.js的文件，再在html文件中进行引用。建议使用在body下面，或者head中。
引用方式：
<script src="js/js.js" language="javascript" type="text/javascript"></script>

src="js/js.js" 引用文件的位置
language="javascript" 告诉浏览器语言类型
type="text/javascript" 文档类型，支持则执行js，不支持显示text格式

优点：可以被多个文件引用。
缺点：需要考虑加载顺序。

2）内部
直接在html文档中书写<script></script>标签作为定界符。建议使用在body下面，或者head中。

优点：当某个网页被使用时加载相对应的js
缺点：需要考虑加载顺序。


3)行内
在html的标签属性中书写

<a href="javascript:alert('这是一个弹框！')">这是一个简单的js</a>
<input type="button" value="按钮" onClick="alert('这是一个普通按钮！')">

优点：只能应用于本标签，代码短小简单，不用考虑加载问题
缺点：应用范围窄，只能写简短代码。

4）<noscript>当前浏览器不支持js，建议跟换firfox</noscript>

5）预加载函数（匿名函数）
当页面加载完毕之后触发函数内容（{}中的部分）
window.οnlοad=function(){
//函数执行内容
}


2、常用控件
console.log
alert('显示内'|变量);  提示框，调试代码和提示
confirm();  对话框,返回值 确定-》true;取消|关闭-》false
prompt('提示信息'[,默认值]);  输入框，返回值为接受到的键盘值  
document.write();  在页面上输出内容
innerHTML  标签内容

//注释内容  单行注释
/*注释内容*/  多行注释

3、变量
1）定义：在运算过程中会变化的量，相当存储空间。
2）声明变量
①直接声明
var 变量名1[,变量名2...];

var num;
var a,b,c;

②声明变量并赋值
var 变量名1=值[,变量名2=值...];

var name='张三';
var num = 5;
var a=5,b=10,c=15;


③声明变量再赋值
var 变量名;
变量名=值;

var num;
num=5;

3)变量名的命名规则
①以字母、数字、下划线构成，数字不可以开头。
②变量名不可以使用关键词。var function  int  float document window
③建议使用驼峰命名法。 getName
④js严格区大小写。

4)赋值
①直接赋值
var num=5;

②间接赋值
var num1=5;
var num2=num1;

③覆盖赋值

var num1=5;
var num2=10;
num1=num2;

alert(num1);  //10

5)作用域
局部变量：声明在函数内部，作用于整个函数，生命周期从函数开始到函数结束。

全局变量：声明在函数外部，作用于整个文件，生命周期从变量被声明一直到文件被关闭。


  常量：在运算过程中不会改变的量。
  const 常量名=值;

  const PI=3.14;

4、数据类型
数字型（number） int 整型|float 浮点型|NaN not a number
var num1=5;
var num2=3.14;

字符串（string） 写在' '或" "中间的内容
var str='123';
var str='张三';

布尔型（boolean） 逻辑型，true 真（1）|false 假（0）

null 空

对象（object） 拥有属性，方法
数组（array）

未定义（undefined）

【数据类型的检测函数】
typeof(被检测内容|变量)

【数据类型的转换】
将字符串转化成数字型：
parseInt()
parseFloat()
从不能被转化的哪一位开始，后面内容将被省略。如果第一位就不能被转化则直接转化为NaN。
将其他类型转化成数字型
Number()：只要被转化内容中有一位不能转化的，直接转化为NaN

----------------------------------------------
var str='33.1abc14';
document.write(parseInt(str)+"<br>"); //33
document.write(parseFloat(str)+"<br>");     //33.1
document.write(Number(str)+"<br>"); //NaN


转化为字符串：
String();
----------------------------------------------
var str=true;
document.write(String(str)+"<br>");
document.write(typeof(String(str))+"<br>");

转化为布尔型：
Boolean();  ''或0时转化为false，其余为true
----------------------------------------------

var str='';

                document.write(Boolean(str)+"<br>"); //false
document.write(typeof(Boolean(str))+"<br>");