Html（决定页面显示的数据）+CSS（决定页面的布局）+JS（和用户或者服务器交互、决定页面的行为）

JS前端的编程语言，脚本语言，简单易学，基础是HTML+CSS

编译工具使用：vscode  sublime  notepad  浏览器辅助性调试代码

JS需要写在<script></script>里，脚本可以放在<head>或者<body>里

JS的输出

window.alert()  弹框

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <meta charset="utf-8">

</head>

<body>

<script type="text/javascript">

    document.write('<h1>icq</h1>');

    window.alert('你被攻击了！！');

    this.alert('测试');

    alert('ceshi');

    document.write(Date());

</script>

</body>

</html>

document.write()  将内容写在HTML中

innerHTML   同上

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <meta charset="utf-8">

</head>

<body>

<script type="text/javascript">

    document.write('<h1>icq</h1>');

    document.write(Date());

    function fun() {

    this.document.getElementsByName('div').innerHTML("测试")；

    }

</script>

</body>

<button onclick="fun">更改</button>

</html>

console.log()  写到浏览器中控制台，在浏览器按F12查看

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <meta charset="utf-8">

</head>

<body>

<script type="text/javascript">

    a=;

    b=;

    console.log(a+b);

</script>

</body>

</html>

注意：JS中大小写敏感

单行注释：//

多行注释：/*  */

JS数据类型

数字3.14   1001  123e3=123*10^3

<script type="text/javascript">

    function mybt01(){

var shuzi1=;

var shuzi2=34.5;

var shuzi3=5e6;

alert(shuzi1 + " | " + shuzi2 + " | " + shuzi3);

}

</script>

<button onclick="mybt01()">调用数字类型</button>

字符串 使用单双引号括起来的 可以是引号当中的任意文本

也可以在可以在字符串中使用引号，只要不匹配包围字符串的引号即可

<script type="text/javascript">

    function mybt02(){

var zifu1='liu';

var zifu2="jizhou";

alert(zifu1 + " | " + zifu2 );

}

</script>

<button onclick="mybt02()">调用字符串类型</button>

数组  [1,2,3,4,5] array+引用类型（object/array/function）

function mybt02()

{

    var cars01=new Array();

    cars01[]="奥迪";

    cars01[]="宝马";

    cars01[]="奔驰";    

var cars02 = new Array("奥迪02","宝马02","奔驰02","大众02");

    var cars03=["奥迪03","宝马03","奔驰03","大众03"];   }

对象 {name:’hqw’,age:20}

<script>

function mybt03()

{

var  ren={xing:"liu",ming:"jizhou",tel:"1769264xxxx"}

alert(ren.ming);

alert(ren["xing"]);

}

</script>

<button onclick="mybt03()" >对象的使用</button>

定义数据时，需要使用var关键字

函数  function fun(参数){函数体}，其中一行代码写完后，一定要加分号

定义变量需要注意的事项：

1、变量必须是以字母开头，使用$或者_也可以，但是不推荐

2、大小写敏感

3、定义变量时，推荐使用var，变量需要先定义后使用，在定义时可以赋值=

4、一条语句可以定义多个变量 var name=’icq’,age=20,job=’hacker’

5、没有初始化的变量，相当于undefined

JS的数据类型

string/number/booean（布尔）

/null/undefined（未定义）/ 值类型

object/array/function 引用类型

对象：

使用一种抽象的概念去描述，人{属性，方法}

var car{type:”BYD”,model:500,color:white,do:function(){“可以跑”}}

针对属性的使用方法

name=car.type;

color=carp[“color”];

针对对象方法的使用：

deal=car.do();

函数的定义和使用

无参函数

function fun()

{

语句体：

}

有参函数

function fun(a,d)

{

函数体； //体现a和b的处理

}

有返回值函数

function fun(){

return 返回结果；

}

变量（根据变量的作用范围来分）

局部变量：在函数内部申明变量，只能在函数内部去使用

全局变量：在函数外部申明的变量，网页上所有的脚本和函数均可去使用它

字符串的处理：

字符串需要使用‘’或者“”括起来，可以使用下标的方式去访问字符串中每个字符；

字符串中特殊字符需要打印出来，需要使用转义支付\，转义就是让字符保持其原有的含义，而不被当做特殊字符去使用

使用string.length 获取字符串的长度，其中转义字符\不算

特殊字符：‘’ “” \   \r（回车）   \t（TAB）  \b（退格符）  \f(换页)

字符串可以被当作对象，创建对象的方式：var s=new string(‘test’);  =  s=’test’

字符串的属性：length（返回字符串长度）prototype（允许向对象添加属性和方法）

字符串的方法：charAt()返回指定位置的字符

indexOf()返回指定位置的索引

sploit() 能够将字符串分割为数组

substr() 截取字符串

substring（a，b） 截取a到b-1之间的字符串

tostring() 将对象转换为字符串

toLowerCase()转小写

toUpperCase()转大写

JavaScript（第十一天 9.24）的更多相关文章

  1. JavaScript进阶(十一)JsJava2.0版本

    JavaScript进阶(十一)JsJava2.0版本 2007年9月11日,JsJava团队发布了JsJava2.0版本,该版本不仅增加了许多新的类库,而且参照J2SE1.4,大量使用了类的继承和实 ...

  2. JavaScript 初学者应知的 24 条最佳实践

    原文:24 JavaScript Best Practices for Beginners (注:阅读原文的时候没有注意发布日期,觉得不错就翻译了,翻译到 JSON.parse 那一节觉得有点不对路才 ...

  3. JavaScript初学者应知的24条最佳实践（译）

    原文:24 JavaScript Best Practices for Beginners 译者:youngsterxyf (注:阅读原文的时候没有注意发布日期,觉得不错就翻译了,翻译到JSON.pa ...

  4. Javascript 笔记与总结（2-4）Javascript 内置对象

    ① String 字符串对象 fromCharCode() 静态方法, 用作为参数而传递的字符代码创建一个新的字符串. length 字符串的长度. charAt() 抽取字符串中指定位置的字符. c ...

  5. 《javascript高级程序设计》 第24章 最佳实践 Best Practices

    24.1 可维护性 Maintainability24.1.1 什么是可维护的代码 What Is Maintainable Code?24.1.2 代码约定 Code Conventions 24. ...

  6. JavaScript（十一） HTML DOM - 改变CSS

    HTML DOM 允许 JavaScript 改变 HTML 元素的样式. A.改变 HTML 样式 如需改变 HTML 元素的样式,请使用这个语法: document.getElementById( ...

  7. JavaScript(第十一天)【变量，作用域，内存】

    JavaScript的变量与其他语言的变量有很大区别.JavaScript变量是松散型的(不强制类型)本质,决定了它只是在特定时间用于保存特定值的一个名字而已.由于不存在定义某个变量必须要保存何种数据 ...

  8. 前端知识概述----公司内部的一次分享 分类： JavaScript HTML+CSS 2015-04-16 21:24 2593人阅读 评论(2) 收藏

    因为公司内部一个纯后端团队要做一些适合自己团队的web页面,所以就有了这次分享.知识都是很基础,有的知识也只是做了解简单介绍.主要是想让大家对前端有一个基本的了解.现在做一个总结.欢迎大家拍砖. 知识 ...

  9. 你不知道的JavaScript（十一）函数参数

    JavaScript函数的定义和使用非常简单,我们看一下下面的代码: <script type="text/javascript"> var sum = functio ...

随机推荐

  1. 用于云计算的自我更新、自我修补的Linux版本已发布！

    自动化是 IT 行业的增长趋势,其目的是消除重复任务中的手动干扰.Oracle 通过推出 Oracle Autonomous Linux 向自动化世界迈出了又一步,这无疑将使 IoT 和云计算行业受益 ...

  2. linux vsftpd 550 create directory operation failed解决方法

    今天配置好了vsftp, 但登陆后,除了浏览,什么也干不了.(如新建文件/文件夹, 删除文件, 重命名等都不可操作) 都是弹出 "550 create directory operation ...

  3. JavaSwing标准对话框

    package test001; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import jav ...

  4. JavaScript之this的用法

    本文我们介绍下js中this的用法. 由上图可得,默认this指向window,而在node.js中this默认指向global. 由上图可得: 1.原型链为o->MyClass.prototy ...

  5. redis提供的持久化机制(rdb,aof)

    Redis提供的持久化机制 Redis是一种面向“key-value”类型数据的分布式NoSQL数据库系统,具有高性能.持久存储.适应高并发应用场景等优势.它虽然起步较晚,但发展却十分迅速. 近日,R ...

  6. VS 右键属性闪一下啥也打不开问题

    unity项目,从vs项目右键属性闪一下啥也打不开的问题这个是因为工程是unity管理的,里面有个插件默认设定不可查看修改属性修改:vs中打开“工程”->"选项"中(修改后这 ...

  7. Lesson 44 Patterns of culture

    What influences us from the moment of birth? Custom has not commonly been regarded as a subject of a ...

  8. SciPy 统计

    章节 SciPy 介绍 SciPy 安装 SciPy 基础功能 SciPy 特殊函数 SciPy k均值聚类 SciPy 常量 SciPy fftpack(傅里叶变换) SciPy 积分 SciPy ...

  9. SciPy 安装

    章节 SciPy 介绍 SciPy 安装 SciPy 基础功能 SciPy 特殊函数 SciPy k均值聚类 SciPy 常量 SciPy fftpack(傅里叶变换) SciPy 积分 SciPy ...

  10. OO第三次博客作业（第三单元总结）

    (1)梳理JML语言的理论基础.应用工具链情况 Java 建模语言(JML)将注释添加到 Java 代码中,这样我们就可以确定方法所执行的内容,而不必说明它们如何做到这一点.有了 JML,我们就可以描 ...