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系统？

    在当今的社会中,linux用处实在是太过广泛了.现在用在服务器和嵌入式上的Linux发行版本数不胜数,桌面上linux只占1%的比例,但这不代表linux比windows和mac 做得差,实际上桌面系 ...

  2. English-Names

    English-Names 1. 西方姓名的组成 2. 职业姓氏 3. 更多相关链接 中国的姓名,姓氏在前,名子在后.传统也有中间字(世代字).名子非常多.所谓百家姓,姓氏数量有限,约500个左右. ...

  3. 树莓派frp添加为服务管理

    1.下载frp https://github.com/fatedier/frp/releases 我是1代的B+,下载arm版的,新的可以用arm64的 frp_0.29.0_linux_arm.ta ...

  4. [经验] HTML页面中子盒子溢出了怎么办

    背景: 在查询数据记录的一个页面上使用bootstar 框架的分页插件作为显示数据表格的工具. 问题: 当查询的范围在一个较短的时间内时, 子元素是乖乖的呆在父元素内部的, 但是一但将查询的时间范围扩 ...

  5. quartz spring 实现动态定时任务

    在实际项目应用中经常会用到定时任务,可以通过quartz和spring的简单配置即可完成,但如果要改变任务的执行时间.频率,废弃任务等就需要改变配置甚至代码需要重启服务器,这里介绍一下如何通过quar ...

  6. Kubernetes 二进制部署（一）单节点部署（Master 与 Node 同一机器）

    0. 前言 最近受“新冠肺炎”疫情影响,在家等着,入职暂时延后,在家里办公和学习 尝试通过源码编译二进制的方式在单一节点(Master 与 Node 部署在同一个机器上)上部署一个 k8s 环境,整理 ...

  7. Centos7 下vmware NAT模式配置网络连接与DNS

    NAT模式配置网络 1.首先查看NAT模式下的网络 从这边可以知道我的vmware下的nat模式的网络是192.168.109.*网段 上图这个网段也可以修改为别的网段 2.NAT模式下的网关 3.配 ...

  8. NLP之gensim

    一. 利用 jieba 进行分词,关键词提取 利用gensim下面的corpora,models,similarities 进行语料库建立,模型tfidf算法,稀疏矩阵相似度分析 # -*- codi ...

  9. 说说我对SQL语句执行顺序的理解，以SQL Server为例

    有人说SQL语句难学,其实并不难!只要掌握了基本的语句执行顺序,用程序化的思维分析结构,再难的问题也会迎刃而解! 假设有如下表emp 现在要求 列出员工姓名(ename)中不含A的所有人按照部门编号( ...

  10. Windows7 wampServer3.0.6 Mutillidae2.7.12

    在Mac上访问虚拟机中的mutillidae,报403: By default, Mutillidae only allow access from localhost ***: Parallels ...