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命令:history命令历史的管理及用法

    bash可以保存的过去曾经执行过的命令.当某个用户登录到shell中,会读取该用户家目录中的~/.bash_history文件,并将历史命令列表保存到内存中.当用户退出当前shell时,会将内存中的历 ...

  2. 白底黑字!Android浅色状态栏黑色字体模式(另)

    小彬什么都想做任重致远 关注 2016.06.30 10:16* 字数 489 阅读 3234评论 3喜欢 12 前言 由于该死不死的设计湿,设计了一套白色状态栏的UI.当然在iOS上可以实现自适应, ...

  3. 实时监听input输入的变化(兼容主流浏览器)

    遇到如此需求,首先想到的是change事件,但用过change的都知道只有在input失去焦点时才会触发,并不能满足实时监测的需求,比如监测用户输入字符数. 在经过查阅一番资料后,欣慰的发现firef ...

  4. ch5 对链接应用样式

    简单的链接样式 对链接应用样式最容易的方式是:使用锚类型选择器,例如 a {color:red;} 链接伪类选择器:1.:link:寻找没有被访问过的链接2.:visited:寻找被访问过的链接 动态 ...

  5. 可旋转Treap(树堆)总结

    树堆,在数据结构中也称Treap,是指有一个随机附加域满足堆的性质的二叉搜索树,其结构相当于以随机数据插入的二叉搜索树.其基本操作的期望时间复杂度为O(logn).相对于其他的平衡二叉搜索树,Trea ...

  6. STL访问Map问题,key为Integer或Long

    参考stackoverflows上的这篇文章 http://stackoverflow.com/questions/924451/jstl-access-a-map-value-by-key 换成 原 ...

  7. 设置zabbix (3.4.2)添加监控项,触发器,让CPU使用超过85%就报警:

    zabbix (3.4.2)添加监控项,触发器,让CPU使用超过85%就报警: zabbix自带模板有一个 Template OS Linux模板.这个模板有监控CPU的监控项,如果没有添加一个监控项 ...

  8. Ubuntu下安装 Mysql

    MYSQL在ubuntu16.04下的编译安装mysql-5.6.23.tar.gz 为减少安装过程中因权限带来个各种问题,建议全程用root用户编译安装,步骤如下: 1.安装依赖文件  apt-ge ...

  9. Day7 - E - Strange Way to Express Integers POJ - 2891

    Elina is reading a book written by Rujia Liu, which introduces a strange way to express non-negative ...

  10. flutter安装中的一些方法

    1.配置flutter环境变量 进入终端 vim ~/.bash_profile export ANDROID_HOME=~Library/Android/sdk export PATH=$PATH: ...