js笔记

简介: 输出document.write();将内容写到HTML文档中 innerHTML 写入到HTML元素中 window.alert();弹出警告框 console.log(); 日志 window.

输出

document.write();将内容写到HTML文档中
innerHTML 写入到HTML元素中
window.alert();弹出警告框
console.log(); 日志

<script type="text/javascript" >
    window.alert("dd");
    document.getElementById("innertest").innerHTML="dd";
    var i=10;
    console.info(i);
    document.write("d");
</script>

#


加载时间问题(执行所有html后再执行js)

(1)defer 在<script>中加入, 表示加载完html再执行js,
(2)或者是window.onload=function(){
}
(3)把代码放到文档 元素后面


js的选择器


window与document的区别


选择器

var name=document.getElementsByName("name");

for(var i=0;i<name.length;i++){
    alert(name[i].innerHTML);
}

变量

数字字母下划线$组成
不能数字开头

变量作用域

全局变量

定义在函数体外

局部变量

在函数体中

demo

send();
    var a=null;
    function send(){
        var a="javascript---";
        var b="局部变量";
        alert(a+b);//输出javascript---局部变量
    }
    alert(a);//输出null
//------------------------------------------------
send();
var a;
    function send(){
        a="javascript---";
        var b="局部变量";
        alert(a+b);//输出javascript---局部变量
    }
    alert(a);//输出javascript---
//---------------------------------------------------
send();
var a="d";
    function send(){
        a="javascript---";
        var b="局部变量";
        alert(a+b);//输出javascript---局部变量
    }
    alert(a);//输出d

基本数字类型

Number,String,Boolean Null, Undefine , Object
NaN ,非数值,是一个特殊的值,这个值用于表示本来一个要表示返回数值的操作数,未返回数值的情况 比如 0/0
isNaN()判断是否 不是数字

数值转换

parseInt(),parseFloat(),Number() 转换为数值类型

  var a="d";
   alert(isNaN(a));//true
//--------------------------------------------
 var a="10";
   alert(isNaN(a));//false
//--------------------------------------------
    var a="10";
    var b="10.03";
    alert(Number(a));//10
    alert(Number(b));//10.03
    alert(parseInt(a));//10
    alert(parseInt(b));//10
    alert(parseFloat(a));//10
    alert(parseFloat(b));//10.03
//----------------------------------------------

自动转换

加号向字符串转换 其他向数字转换


var a="我";
  var b="123";
  var c=1;
  var d="ddFF"
  alert(b-c);//122
  alert(b+c);//1231
  alert(a-c);//NaN
  alert(a.toUpperCase()+d.toUpperCase());//大写。。输出我DDFF
  alert(a.toLowerCase()+d.toLowerCase());//小写。。输出我ddff

对象类型



var obj=new Object();等同于var obj={}
数组
var a=new   Array();等同于 var  a=[]

typeof  返回 类型

数组声明方式
(1var arr=new Array();
(2)
var arr=new Array();
(3)
var arr=[1,2,4,6]

二维数组
var arr=[1,2,[2,34,4]]

Date()获取时间

对象和方法


  var person={"a":12,"b":"bval"};
  alert(person.a);
  alert(person.b);



  var person=new Object();
  person.a="1222";
  person.c="dd";
  alert(person.a);
  alert(person.c);

构造函数
  function person(firstname,lastname,age,eyecolor)
    {
        this.firstname=firstname;
        this.lastname=lastname;
        this.age=age;
        this.eyecolor=eyecolor;


    }

    var p=new person("1",2,3,4);
    alert(p.firstname);
    alert(p.age);


//对象定义方法

    var person={"sex":"男","name":"健健","f":function ff(){
        alert("这是对象方法");
    }};

    function sport(name){
        alert(name+"喜欢打篮球");
    }

    sport(person.name);
    person.f();


var person=new Object();
    person.a="1222";
    person.c="dd";
    person.p=function f(){
        alert("对象方法");
    };
    alert(person.a);
    alert(person.c);
    person.p();
相关文章
|
1月前
|
JavaScript 前端开发
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
|
1月前
|
JavaScript 前端开发
JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
|
1月前
|
JavaScript 前端开发 开发者
编程笔记 html5&css&js 071 JavaScript Symbol 数据类型
编程笔记 html5&css&js 071 JavaScript Symbol 数据类型
|
28天前
|
JSON JavaScript 前端开发
Node.JS第二讲笔记
Node.JS第二讲笔记
30 0
|
1月前
|
JavaScript 前端开发 索引
JavaScript随手笔记---对比数组差异
JavaScript随手笔记---对比数组差异
JavaScript随手笔记---对比数组差异
|
1月前
|
JavaScript 前端开发
JavaScript随手笔记---轮播图(点击切换)
JavaScript随手笔记---轮播图(点击切换)
JavaScript随手笔记---轮播图(点击切换)
|
1月前
|
JSON JavaScript 前端开发
JavaScript随手笔记---数组中相同的元素进行分组(数据聚合) groupBy函数
JavaScript随手笔记---数组中相同的元素进行分组(数据聚合) groupBy函数
|
1月前
|
JavaScript 前端开发
JavaScript随手笔记---保留小数位
JavaScript随手笔记---保留小数位
|
1月前
|
JavaScript 前端开发
JavaScript之字符串系列(菜菜笔记)
JavaScript之字符串系列(菜菜笔记)
|
1月前
|
存储 JavaScript 索引
js基础笔记(个人)
js基础笔记(个人)