JS是一种解释性脚本语言,在网页开发用经常用到(HTML CSS),用于控制网页的行为。现在RTT的柿饼UI也是用JS来开发的,所以很有必要学习一下。

注释:// 、/*  */

语句分行;

折行\

大小写敏感。

<scrip>  .... </scrip>

关键词和语句:

try ..catch..throw

var:定义一个变量

function:定义一个函数;函数表达式:当用一个变量接收函数返回值后,该变量可以做为函数指针使用;箭头函数不能用函数提升而应先定义后使用。自动以函数:形式上就是将整个函数作为函数指针。

    函数可以设置默认参数,函数有个内置的对象 arguments 对象:arguments[i]或者arguments.length;

    函数不属于任何对象,默认是全局的,在HTML中属于HTML页面,而在浏览器中属于Window.

    函数中可以用this指针来操作;

    函数可以内嵌函数。    

数据类型:数字、字符串、布尔、数组、对象(两种寻址方法,对象是键值对的容器。类似python中的字典或C总的哈希表,对象的属性就是一些键值对,对象的方法作为函数定义在函数的属性中)

var person = {
    firstName: "John",
    lastName : "Doe",
    id : 5566,
    fullName : function()
    {
       return this.firstName + " " + this.lastName;
    }
};

在函数内部没有用Var定义的变量为全局变量。new出来的用typeof出来的是object.

字符串有属性和方法。

Var/let/const关于变量作用域及变量提升

JSON:更多 JSON 信息,你可以阅读我们的 JSON 教程

英文全称 JavaScript Object Notation,用于存储和数据交换(服务器到浏览器传输)的格式。JSON 字符串转换为 JavaScript 对象:

/*首先,创建 JavaScript 字符串,字符串为 JSON 格式的数据:*/

var text = '{ "sites" : [' + '{ "name":"Runoob" , "url":"www.runoob.com" },' + '{ "name":"Google" , "url":"www.google.com" },' + '{ "name":"Taobao" , "url":"www.taobao.com" } ]}';

obj = JSON.parse(text);//然后,使用 JavaScript 内置函数 JSON.parse() 将字符串转换为 JavaScript 对象

/*最后,在你的页面中使用新的 JavaScript 对象*/

document.getElementById("demo").innerHTML = obj.sites[1].name + " " + obj.sites[1].url;

HTML 载入外部 JavaScript 文件

使用简洁的格式载入 JavaScript 文件 ( type 属性不是必须的):

<script src="myscript.js">

JavaScript 正则表达式:

语法:/正则表达式主体/修饰符(可选)

用途:在 JavaScript 中,正则表达式通常用于两个字符串方法 : search() 和 replace(),用于文本和字符串的搜索和替换。

类似的方法有:/e/.test()或者/e/.exec()

完整的 RegExp 对象参考手册,请参考我们的 JavaScript RegExp 参考手册

网页内容:

"<br>"表示换行。

javascrip基础学习的更多相关文章

  1. JS基础学习——作用域

    JS基础学习--作用域 什么是作用域 变量的作用域就是变量能被访问到的代码范围,比如在下面的这个js代码中,变量a的作用域就是函数foo,因此在全局作用域内的console.log(a)语句不能访问到 ...

  2. salesforce 零基础学习(五十二)Trigger使用篇(二)

    第十七篇的Trigger用法为通过Handler方式实现Trigger的封装,此种好处是一个Handler对应一个sObject,使本该在Trigger中写的代码分到Handler中,代码更加清晰. ...

  3. 如何从零基础学习VR

    转载请声明转载地址:http://www.cnblogs.com/Rodolfo/,违者必究. 近期很多搞技术的朋友问我,如何步入VR的圈子?如何从零基础系统性的学习VR技术? 本人将于2017年1月 ...

  4. IOS基础学习-2: UIButton

    IOS基础学习-2: UIButton   UIButton是一个标准的UIControl控件,UIKit提供了一组控件:UISwitch开关.UIButton按钮.UISegmentedContro ...

  5. HTML5零基础学习Web前端需要知道哪些?

    HTML零基础学习Web前端网页制作,首先是要掌握一些常用标签的使用和他们的各个属性,常用的标签我总结了一下有以下这些: html:页面的根元素. head:页面的头部标签,是所有头部元素的容器. b ...

  6. python入门到精通[三]:基础学习(2)

    摘要:Python基础学习:列表.元组.字典.函数.序列化.正则.模块. 上一节学习了字符串.流程控制.文件及目录操作,这节介绍下列表.元组.字典.函数.序列化.正则.模块. 1.列表 python中 ...

  7. python入门到精通[二]:基础学习(1)

    摘要:Python基础学习: 注释.字符串操作.用户交互.流程控制.导入模块.文件操作.目录操作. 上一节讲了分别在windows下和linux下的环境配置,这节以linux为例学习基本语法.代码部分 ...

  8. CSS零基础学习笔记.

    酸菜记 之 CSS的零基础. 这篇是我自己从零基础学习CSS的笔记加理解总结归纳的,如有不对的地方,请留言指教, 学前了解: CSS中字母是不分大小写的; CSS文件可以使用在各种程序文件中(如:PH ...

  9. Yaf零基础学习总结5-Yaf类的自动加载

    Yaf零基础学习总结5-Yaf类的自动加载 框架的一个重要功能就是类的自动加载了,在第一个demo的时候我们就约定自己的项目的目录结构,框架就基于这个目录结构来自动加载需要的类文件. Yaf在自启动的 ...

随机推荐

  1. 转/keystore和truststore的区别

    keytool是java自带的工具用于产生密钥 keystore可以看成一个放key的库,key就是公钥,私钥,数字签名等组成的一个信息. truststore是放信任的证书的一个store. 那他们 ...

  2. Nor Flash工作原理

    http://blog.chinaunix.net/uid-26876150-id-3723678.html Nor Flash 具有像内存一样的接口,它可以像内存一样读,却不可以像内存一样写,Nor ...

  3. 《Effective Java》第2章 创建和销毁对象

    第2条:遇到多个构造器参数时要考虑用构建器 与构造器相比,builder的微略优势在于,builder可以有多个可变(varargs)参数.构造器就像方法一样,只能有一个可变参数.因为builder利 ...

  4. Python-第三方库requests详解(附requests中文官方教程)

    转自http://blog.csdn.net/cyjs1988/article/details/73294774 Python+requests中文官方教程: http://www.python-re ...

  5. [raspberry pi3] zram设置

    linux 3.15之后添加了个和mac一样的功能,内存压缩zram, 之前还有个zswap, zram通常是以模块的方式被放在系统里面的,以便在可以根据需求的不同,定制化加载. raspberry ...

  6. [转]Marshaling a SAFEARRAY of Managed Structures by P/Invoke Part 2.

    1. Introduction. 1.1 In part 1 of this series of articles, I explained how managed arrays may be tra ...

  7. Kali Linux介绍篇

    Kali Linux 官网:https://www.kali.org/ Kali Linux 前身是著名渗透测试系统BackTrack ,是一个基于 Debian 的 Linux 发行版,包含很多安全 ...

  8. UWP&WP8.1 基础控件——Image

    Image是UWP和WP8.1中系统自带的图片展示器. 具有较强的性能,使用也是非常的简单. 使用方式分为在XAML中,在C#代码中. XAML中: 在XAML中使用方式非常简单. 常用XAML So ...

  9. css实现点点点效果

    @keyframes dotDotDoting{ 0% { width 0px margin-right 15px } 25% { width 0px margin-right 15px } 50% ...

  10. 【TED演讲】阿帕玛・饶:(幽默的高科技艺术)

    身为艺术家和TED Fellow的阿帕玛・饶对熟悉的事物以惊奇的幽默的方式进行再次想像.通过和索伦・普尔兹的合作,她创作出一系列高科技的艺术作品-一个会发邮件的打字机,一个让你在屏幕上消失而跟踪拍摄你 ...