JavaWeb (day2)

1.css 和 html 的结合方式

(1)在每一个 html 标签上都有一个属性 style,把 css 和 html 结合在一起

<div style="background-color:red;color:green;">

(2)使用 html 的一个标签实现 <style> 标签,写在 head 里面

<style type="text/css>
    css代码;
</style>

(3) 使用头标签 link,引入外部 css 文件
首先创建一个 css 文件

<link rel="stylesheet" type="text/css"href="css文件路径">

2.JavaScript 的简介

1.是基于对象和事件驱动的语言,应用于客户端

  • 基于事件:
    提供了很好的对象,可以直接拿过来使用
  • 事件驱动:
    html 做网站静态效果,JavaScript 动态效果
  • 客户端:专门指的是浏览器

2.Js 的特点

(1) 交互性
信息的交互
(2)安全性
js 不能访问本地磁盘的文件
(3)跨平台性
java 里面跨平台----虚拟机
只有能够支持 js 的浏览器,都可以运行

3.JavaScript 和 java 的区别(雷锋和雷峰塔)

(1) java 是sun 公司,现在 oracle;js 是网景公司
(2)JavaScript 是基于对象的,java 是面向对象的
(3)java是强类型的语言,js 是弱类型的语言
(4)JavaScript 只需要解析就可以执行,而 java 需要编译成字节码文件,再执行。

4.JavaScript 的组成
三部分组成

(1) ECMAScript
ECMA:欧亚计算机协会
由 ECMA 组织制定的 js 的语法,语句....
(2) BOM
broswer object model:浏览器对象模型
(3) DOM
document object model: 文档对象模型

3.js 与 html 结合方式

第一种:
使用一个标签

<script type=“text/javascript” >js 代码</script>

第二种:
使用 script 标签,引入一个外部的 js 文件
创建一个 js 文件,写 js 代码

<script type="text/javascript"  src ="1.js"></script>

使用第二种方式时,就不要在 script 标签里面写 js 代码,不会执行。

4.js 的原始类型和声明变量

定义变量:都使用关键字 var
js 的原始数据类型

  • string :字符串8
var str="abc";
  • number 数字类型
var m=123;
  • boolean:true 和 false
var flag=true;
  • null
var  date =new Date();

获取对象的引用,null 表示对象引用为空,所有对象的引用也是 object

  • undifined
    定义一个变量,没有赋值
var  aa;

typeof(); 查看当前变量的数据类型

5.js 的语句

1.if 判断语句
=:表示赋值
== :表示判断
2.switch 语句
js 里面所有类型都支持
3.循环语句(for while do-while)
for 循环里面 java 里面定义是 int ,js 定义是 var

4.i + + 和 + + i 和java 里面一样

6.js 的运算符

1.+= :x+=y——> x=x+y;
2.js 里面不区分整数和小数

var j=123;
alert(j/1000*1000);
// j/1000*1000  在 java 里面得到的结果是 0
//在  js 里面不区分整数和小数,123/1000=0.123*1000=123

3.字符串相加和相减的操作

如果相加的时候,做的是字符串连接
如果相减,做的是相减运算
提示 NaN :表示不是一个数字

4.Boolean 类型也可以操作
如果设置成 true,相当于这个值是 1
如果设置成 false,相当于这个值是 0
5. == 和 === 区别

做判断:

== 比较的只是值
=== 比较的是值和类型

6.引入知识
直接向页面输出语句(可以把内容显示在页面上)

document.write("aaa");
document.write("<hr/>");

可以向页面输出变量,固定值和 html 代码

7.js 数组

1.数组定义方式

第一种:

var arr=[1,2,3];
var arr=[1,"4",ture];

第二种:
使用内置 Array 对象

var arr1=new Array(5);//定义一个数组,数组长度是 5

第三种:
使用内置 Array 对象

var arr1=new Array(3,4,5);//定义一个数组,数组元素是3 4 5

2.数组属性

length : 获取到数组长度

3.数组可以存放不同的数据类型的数据

8.js 函数

1.定义函数

第一种方式:
使用到关键字 function

function  方法名(参数列表){
方法体;
返回值可有可无(根据实际需要)
}

举例:

function add(a,b,c){
var sum=a+b+c;
return sum;
}

alert(add(3,4,5));   //调用方法

第二种方式:
匿名函数

var add=function(参数列表){
方法体和返回值
}

举例:

var add =function(m,n){
alert(m+n);
}

add(5,6);  //调用方法

9.js 全局变量和局部变量

  • 全局变量:在 script 标签里面定义一个变量,这个变量在页面中 js 部分都可以使用
    ——在方法外部使用,在方法内部使用,在另一个 script 标签使用
  • 局部变量:在方法内部定义一个变量,只能在方法内部使用
    ——如果在方法外部调用这个变量,提示出错

10.script 标签放的位置

建议把 script 标签放到 </body>后面

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,684评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,143评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,214评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,788评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,796评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,665评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,027评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,679评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,346评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1 331
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,412评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,015评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2 343

推荐阅读更多精彩内容