一、javascript简介

javascript:(基于对象的编程语言:内部很多对象,我们只需要使用即可,几乎不需要自己创建对象)

  ECMAScript

  DOM

  BOM

存放位置:

  建议代码放到html中body的最后位置

  引入方式:

    1、 <script> 这里直接写代码 </script>

    2、写到文件中通过 <script src="js-01.js"></script> 的方式引入

二、语法

声明变量:

var x = 1;var y = 2;
var x= 1,y=2; 不使用var 申明变量就是一个全局的变量 只能是字母,下划线,$符 三选一开头 ,区分大小写 建议使用命名规范: 数据类型小写简写+驼峰写法
  eg: var sName="fxh"; var iNum=100; console.log(x) # 输出变量。 浏览器--> 检查--> Console
document.write(x) # 页面上输出变量

标识代码块:{  }

{
var x = 1;var y = 2;
var x= 1,y=2;
}

注释:

  // var sName="注释"

  /*  document.write("这是注释")  */

函数:

<script>

  function  sayHello() {

    var sHelloStr="你好";

    document.write(sHelloStr);

  }

  sayHello();

</script>

三、数据类型

堆内存:

  基本数据类型:

    Number,string 。。。

栈内存:

  引用数据类型:

    object

    堆内存的地址指向栈内存的对象

五种基本数据类型:

1、Number

  整数,浮点数

  NaN  当字符串转换为数字失败时就是NaN

    NaN出现在表达式中一顶结构为false,除了 !=

2、String

  都是unicode

3、Booolean

  true , false

4、Null

  null占用一个对象的位置

5、Undefined

  声明了变量但是未为其赋值

typeof()   #查看类型

四、数据类型转换

    parseInt("3.14b")  #3.14

   parseInt("a3.14b")  #NaN  当字符串转换为数字失败时就是NaN

  

五、运算符

  自加自减:

    x++    # x=x+1  先赋值后运算

    ++x    # x=x+1  先运算后赋值

  一元加减法:

    var a="3"

    b=+a

    document.write(b);

    document.write(typeof(b));  #字符串转换为数字

  逻辑运算符:  

    ==    !=    >    <

    &&   ||   !

    and   or

    &   按位与

  赋值运算符:

    和python的一样

六、控制语句

  if语句:

  if (表达式){

    语句1;

    语句2;

  }else if ( 表达式 ) {

    语句;

  }else {

    语句;

  }

  switch语句:

  switch(n) {

    case 1:

      xx;

      break;

    case 2:

      yy;

      break;

    default:

      xy;

  }

  for 循环:

  #for ( 初始化,条件,递增)

  var a = [1,"haha",true]

  for ( var i in  a) {

    console.log(i);

    console.log(a[i]);

  }

  # 和python中不一样,i变成了下标

  for(var i=1;i<10;i=i+1){

    console.log(i);

  }

  while循环:

  while (条件) {

    语句1;

    语句2;

  }

  异常处理:

  try(){

    //

  }

  catch(e){

    //

  }

  finally{

    //  最后无论如何也会直线

  }

七、函数

function func1(){

  alert(123);

  return 100

}

var ret=func1()

alert(ret)

var func2()= new Function("参数1","参数2","函数体")

函数的arguments对象:

  var ret=0

  function add(){

    console.log(arguments.length);

    console.log(arguments) ; #  arguments 是一个传入参数的列表

    for (var i in arguments){

      ret += arguments[i]

    }

    return ret;

  }

  alert(add(1,2,3))

javascipt入门的更多相关文章

  1. WebGL开发入门

    ­­­Getting started with WebGL development WebGL开发入门 What is Unity WebGL? 什么是Unity WebGL? The WebGL b ...

  2. React Native新手入门

    前言 React Native是最近非常火的一个话题,想要学习如何使用它,首先就要知道它是什么. 好像面对一个新手全面介绍它的文章还不多,我就归纳一下所有的资料和刚入门的小伙伴一起来认识它~ 将从以下 ...

  3. [转帖]H5 手机 App 开发入门:技术篇

    H5 手机 App 开发入门:技术篇   http://www.ruanyifeng.com/blog/2019/12/mobile-app-technology-stack.html 阮一峰老师的文 ...

  4. Node js 入门指南(1)

    目录 Node Js 定义 特点 Node使用方式 Tip: 使用导出文件的注意事项 Node 内置模块 http 模块 定义 使用方法 fs 模块 定义 使用方法 读取文件方式 同步读取 异步读取 ...

  5. Angular2入门系列教程7-HTTP(一)-使用Angular2自带的http进行网络请求

    上一篇:Angular2入门系列教程6-路由(二)-使用多层级路由并在在路由中传递复杂参数 感觉这篇不是很好写,因为涉及到网络请求,如果采用真实的网络请求,这个例子大家拿到手估计还要自己写一个web ...

  6. ABP入门系列(1)——学习Abp框架之实操演练

    作为.Net工地搬砖长工一名,一直致力于挖坑(Bug)填坑(Debug),但技术却不见长进.也曾热情于新技术的学习,憧憬过成为技术大拿.从前端到后端,从bootstrap到javascript,从py ...

  7. Oracle分析函数入门

    一.Oracle分析函数入门 分析函数是什么?分析函数是Oracle专门用于解决复杂报表统计需求的功能强大的函数,它可以在数据中进行分组然后计算基于组的某种统计值,并且每一组的每一行都可以返回一个统计 ...

  8. Angular2入门系列教程6-路由(二)-使用多层级路由并在在路由中传递复杂参数

    上一篇:Angular2入门系列教程5-路由(一)-使用简单的路由并在在路由中传递参数 之前介绍了简单的路由以及传参,这篇文章我们将要学习复杂一些的路由以及传递其他附加参数.一个好的路由系统可以使我们 ...

  9. Angular2入门系列教程5-路由(一)-使用简单的路由并在在路由中传递参数

    上一篇:Angular2入门系列教程-服务 上一篇文章我们将Angular2的数据服务分离出来,学习了Angular2的依赖注入,这篇文章我们将要学习Angualr2的路由 为了编写样式方便,我们这篇 ...

随机推荐

  1. 开源UWP总结

    1.UWP第三方简书客户端分享:http://www.cnblogs.com/youngytj/p/4889010.html 2.知乎日报:http://www.cnblogs.com/xiaozhi ...

  2. 「JavaSE 重新出发」05.01.01 equals 方法

    equals 方法示例 // 代码来自<Java核心技术 卷I>P167 // 父类 public class Employee{ ... public boolean equals(Ob ...

  3. Thinkphp开源框架如何使用?

    (一)首先是准备工作下载thinkPHP框架最新版本,解压缩到你将要开发的项目位置.杭州php操作演示如图: 其中index.php是入口文件,即所有的请求都要经过此文件才能够完成.Applicati ...

  4. 解决 Windows XP 下 IIS 最大连接数为 10 的问题

    为了方便调试网站程序,就在 Windows XP 系统下安装了 IIS,但是出现了一个问题:“403.9 误-禁止访问:连接的用户过多”,会有这样的问题出现,一般有两种可能:一.IIS 本身的最大连接 ...

  5. 连连看 HDU - 1175_搜索_剪枝

    hdu有毒,考试上 AC 的就是一直 WA- 其实这道题是可以进行初始化来进行优化的,这样的话询问次数是可以达到 10510^5105 的.不过普通的 dfsdfsdfs + 剪枝也是可过的. Cod ...

  6. IOS - 6\7下UINavigationBar的颜色的方法改变 ——转载http://www.th7.cn/Program/IOS/201310/155057.shtml

    IOS7下设置UINavigationBar的颜色的方法已经改变(当然如果是用自定义图片的话请忽略---) 首先是区别iOS7和之前版本的方法如下: //如果是iOS7以前的话if (floor(NS ...

  7. 论wpf的设备无关性 - 简书

    原文:论wpf的设备无关性 - 简书 WPF从发布之日起,一直将“分辨率无关(resolution independence)”作为其亮点,声称使用WPF制作的用户界面在轻巧的Ultra-Mobile ...

  8. ExcelToHtmlTable转换算法:将Excel转换成Html表格并展示(项目源码+详细注释+项目截图)

    功能概述 Excel2HtmlTable的主要功能就是把Excel的内容以表格的方式,展现在页面中.Excel的多个Sheet对应页面的多个Tab选项卡.转换算法的难点在于,如何处理行列合并,将Exc ...

  9. Shiro:初识Shiro及简单尝试

    Shiro 一.什么是Shiro Apache Shiro是Java的一个安全(权限)框架 作用:认证.授权.加密.会话管理.与web集成.缓存等 下载地址:http://shiro.apache.o ...

  10. java.lang.RuntimeException: java.sql.SQLSyntaxErrorException: ORA-00911: 无效字符

    这种情况可能是因为在设置数据库的时候,没有配置数据库的方言,导致sql语句无法被识别. 例如在配置Jfinal的配置文件的时候 如果不配置数据库的方言,默认下它是MySQL的,当使用oracle数据库 ...