1、在html中使用点击事件:

<button type="button"  onclick=“myclick()”>click me<button>

2、innerHTML改写文档内容:

<script>
function myclick(){
document.getElementById("demo").innerHTMl="this is the new content";
}
</script>

3、操作HTMl元素:

 通过id来访问元素:

 document.getElementById("demo").innerHTML="my first time";

  注:使用document.write会是整个文档替换成当前的内容 ;

4、代码块:

javascript语句通过代码块的形式进行组合  块由左边花括号开始右边花括号结束    块的作用是使语句系列以其执行

5、代码折行操作:可以通过反斜杠对代码换行

document.write("hello \
world!");

6、javascript 数据类型

  字符串类型    数字类型

  布尔类型:true   false

  数组类型:

var cars=new Array();
car
//或者
var cars=new Array("as","dff","fda","ada");
//或者
var cars=["dfsdf","fda","afaf"];

  javascript对象:

var person={
firstname:"Bill",
lastname:"Grass",
id :34243
};
//访问
name=person.firstname;
name=perosn["firstname"];

7、Undefined和Null

Undefined表示不含有值。

将值设置成Null可以用来清空变量。

8、javascript中所有的事物都是对象:字符串、数字、数组、日期等;

    对象拥有属性和方法:

访问属性:

car.name=First;

car.id=234;

访问方法:

car.start()

car.break()

某些对象拥有内建的属性和方法;在面向对象的语言中,属性和方法经常被称为对象的成员;

9、使用return返回值

function myfunction (a,b){
return a*b;
}

  如果仅仅是想退出函数,也可以用return语句

function myFunction(a,b)
{
if (a>b)
{
return;
}
x=a+b
}

  

10、在与字符串的加法运算中,只要是有两者之一为字符串就执行字符串拼接;

11、运算符:

&&        and

||          or

!       not

12、switch语句:

switch(n){
case 1:
执行代码块1
break;
case 2:
执行代码块2
break;
case 3:
执行代码块3
break;
default:
执行以上均不匹配时候的代码
}

  工作原理:首先设置switch里的n,再与每个case比较,如果匹配则相应代码被执行且break退出;

13、for循环:

for(语句1;语句2;语句3)

{

//被执行代码块

}

语句1:在循环(代码块)开始前执行(如果之前就设置了则可以省略,但是要空出位置)

语句2:定义循环代码条件

语句3:满足条件后执行

javascript初始笔记的更多相关文章

  1. JavaScript:学习笔记(7)——VAR、LET、CONST三种变量声明的区别

    JavaScript:学习笔记(7)——VAR.LET.CONST三种变量声明的区别 ES2015(ES6)带来了许多闪亮的新功能,自2017年以来,许多JavaScript开发人员已经熟悉并开始使用 ...

  2. Java程序猿的JavaScript学习笔记(9—— jQuery工具方法)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  3. Javascript学习笔记四——操作表单

    Javascript学习笔记 大多网页比如腾讯,百度云之类的需要登陆,用户输入账号密码就可以登陆,那么浏览器是如何获取用户的输入的呢?今天就记录一下操作表单. 操作表单与操作DOM是差不多的,表单本身 ...

  4. JavaScript基础笔记二

    一.函数返回值1.什么是函数返回值    函数的执行结果2. 可以没有return // 没有return或者return后面为空则会返回undefined3.一个函数应该只返回一种类型的值 二.可变 ...

  5. JavaScript基础笔记一

    一.真假判断 真的:true.非零数字.非空字符串.非空对象 假的:false.数字零.空字符串.空对象.undefined 例: if(0){ alert(1) }else{ alert(2) } ...

  6. Java程序猿的JavaScript学习笔记(汇总文件夹)

    最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...

  7. javascript - 工作笔记 (事件四)

    在javascript - 工作笔记 (事件绑定二)篇中,我将事件的方法做了简单的包装,  JavaScript Code  12345   yx.bind(item, "click&quo ...

  8. Java程序猿的JavaScript学习笔记(8——jQuery选择器)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  9. Java程序猿JavaScript学习笔记(2——复制和继承财产)

    计划和完成在这个例子中,音符的以下序列: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaSc ...

随机推荐

  1. Hadoop 实现多文件输出

    比如word.txt内容如下: aaa bbb aba abc bba bbd bbbc cc ccd cce 要求按单词的首字母区分单词并分文件输出 代码如下: LineRecordWriter p ...

  2. 黑马程序员:Java基础总结----GUI&网络&IO综合开发

    黑马程序员:Java基础总结 GUI&网络&IO综合开发   ASP.Net+Android+IO开发 . .Net培训 .期待与您交流! 网络架构 C/S:Client/Server ...

  3. SQL 两表关联查询 where 条件中等号两端字段顺序对效率的影响

    现有两表A(大).B(小)作关联查询,SQL语句如下: SQL1:select * from A,B where A.id = B.id SQL2:select * from A,B where B. ...

  4. TCP报文中的SYN,FIN,ACK,PSH,RST,URG

    TCP的三次握手是怎么进行的:发送端发送一个SYN=1,ACK=0标志的数据包给接收端,请求进行连接,这是第一次握手:接收端收到请求并且允许连接的话,就会发送一个SYN=1,ACK=1标志的数据包给发 ...

  5. [ios2] 获取mac地址 等唯一标识

    - (NSString *) macaddress{        int                 mib[6];    size_t              len;    char    ...

  6. canvas 弹幕效果

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. java初学者

    决心开始从头学习java,并且每天记录自己的学习进度与学习成果,用于分享和促进. 鉴于是新手,并且之前也没有任何发文的经历,可能更多的是根据自己已有的知识容量基础之上进行的深化,太基础的看一遍就能会的 ...

  8. 获取Storyboard中的视图控制器

    storyboard对于框架的构建是一个非常方便的工具,我们经常需要在storyboard中获取我们指定的视图控制器,那么要怎么获取呢? 方法如下: 第一步:选中视图,为视图自定义一个Storyboa ...

  9. [UWP小白日记-14]正则表达式

    匹配2位浮点数:  ^(([1-9]+[0-9]*\.{1}[0-9]{1,2})|([0]\.{1}[1-9]+[0-9]{1,2})|([0]\.\d{1,2})|([1-9][0-9]{1,2} ...

  10. git 基本用法

    p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px "Helvetica Neue"; color: #454545 } p. ...