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. hdu 1253 胜利大逃亡(BFS)

    题目链接:点击链接 三维的BFS,刚开始一直超内存,超无语......  改了n多次终于AC了 #include <iostream> #include <stdio.h> # ...

  2. Exchange Server 2013 一步步安装图解[完全步骤截图]

    前言: 这是一份为Exchange菜鸟准备的2013版本安装文档,安装环境为Windows Server 2012 DataCenter 版本,在安装之前,我对安装Exchange也是处于一无所知的状 ...

  3. linux环境变量入门

    一.概要 本文用java环境变量配置这个案例来介绍linux下的环境变量是怎样的,并且和windows系统下的环境变量语法进行了相应对比,适合初学者入门.在这之前,我已经将jdk.tomcat和ecl ...

  4. JS 脚本应该放在页面哪个位置 head body foot

    我们平时在页面上写JS 是放在头部<head>中呢 还是放到body 最下面 能更优化? 查了一番资料,推荐 放在页面底部如: <html> <head> < ...

  5. ubuntu16 网络设置

    打开Ubuntu的终端,输入:sudo gedit /etc/network/interfaces表示使用gedit编辑器打开interfaces文件. 在打开的文件中,若有内容,先全部删除.然后输入 ...

  6. C#Windows Form简易计算器实现(上)

    第一次写博客,来分享一个简易计算器的代码.作为一名准程序员,就是要多写代码才能孰能生巧.重视基础知识才能飞的更快更高以及更稳. 代码可能会写的很糟糕,不完美不安全之处希望发现的越多越好 c#编写计算器 ...

  7. hdu 1299 Diophantus of Alexandria(数学题)

    题目链接:hdu 1299 Diophantus of Alexandria 题意: 给你一个n,让你找1/x+1/y=1/n的方案数. 题解: 对于这种数学题,一般都变变形,找找规律,通过打表我们可 ...

  8. Thread.Sleep(0) vs Sleep(1) vs Thread.Yeild()

    注:本文为个人学习摘录,原文地址:http://www.cnblogs.com/stg609/p/3857242.html 本文将要提到的线程及其相关内容,均是指 Windows 操作系统中的线程,不 ...

  9. CSS3 background-size:cover/contain

    background-size的cover和contain指定背景图片的自适应方式,只能对整张图片进行缩放. cover是拉伸图片使之充满元素,元素肯定是被铺满的,但是图片有可能显示不全. conta ...

  10. ES 6 : let与const

    1.let命令 [ 基本用法 ] let命令的用法与var类似,用于声明一个变量,但是let声明的变量只能在let所在的代码块内有效: 上述代码块中使用let和var声明了两个变量.然后在代码块之外调 ...