一、初探Javascript魅力(1)_看智能社blue老师JS视频整理的笔记

深碍√TFBOYSˉ_ 2022-08-06 05:11 98阅读 0赞

**1、javascript是什么**

根据用户的一些操作，然后来修改页面上的一些元素、属性等。

（1）HTML+CSS静态页面，JS给页面添加动的效果

**（2）网页特效的原理**

javascript就是修改样式

**（3）编写JS的流程：**

【1】布局：HTML+CSS

【2】属性：确定要修改哪些属性

【3】事件：确定用户做哪些操作

【4】编写JS：在事件中，用JS来修改页面元素的样式

补：事件：就是用户操作，如鼠标点击、移入、移出等

**（4）id：**在css中，id作为css里的一个选择符存在，而在JS里它有更加广泛的用途，

在JS中扮演标签(元素)名字的作用，如<div id="div1">......</div>，id在这个例子里扮演了div名字的作用，div1就是div的名字

**（5）div1.style.display='block'**

点 .      ------> 的，一般来说是所属的关系，其实是属性

等号 = ------> 在数学里，x=5，表示x的值就是5，即等号就是相等的意思

在JS里，等号并不是相等的意思，等号指赋值，把什么变成什么，把=右边的值赋给左边

**2、第一个JS兼容性问题:**document.getElementById

**（1）在FF和低版本的chrome下，是不能直接拿着id就用的，存在兼容问题**

真正兼容的写法是document.getElementById('id名字')，在任何浏览器下均可用

如：document.getElementById('div1');

通过div1这个id把元素获取出来，然后再来用

**注：**记住，不能直接拿着id就用，而必须的通过getElementById（把元素获取出来）获取一下，然后才可以用

**（2）网页换肤**

(1) 任何标签都可以加ID，包括link

(2) 任何标签的任何属性，也都可以修改

(3) HTML里怎么写，JS里就怎么写，只有一个例外就是class，因为class在JS里是关键字（保留字），所以不能直接拿来用，要写成className

**3、引入函数：**因为直接在事件内写代码会很乱

**（1）****函数基本格式：**

function 函数名()
    	{
        	 	代码
    	}

JS里的函数和css里的class有点相似，像class它最大的一个功能就是你把这个样式写到class里边，然后只要需要这套样式的地方，直接把那个class拿过去用就

可以了，同样JS里的函数也一样.

**（2）函数的定义和调用**

function show()        //定义
    		{
    			alert('abc');
    		}
    		show();               //调用

函数定义：只是告诉系统有这个函数，不会实际执行

函数调用：真正执行函数里的代码

**注：**函数的定义和调用缺一不可，只有定义则没反应，只有调用则显示出错了

**（3）引入变量的概念：**考虑到重用

变量：就是给东西取了个别名

如var oDiv=document.getElementById('div1');给后面这大串取了个别名叫oDiv。看到oDiv就跟看到document.getElementById('div1')是一样的效果

**注：**(1) 如果你要操作一个元素，你必须先把它选择过来，比如现在要操作的是text这个元素，那么需要先给它加个id，比如id="txt1",然后function函数里用

getElementById把它给选择过来

(2) 要操作谁，就要获取谁

(3) 需要一个函数，这个函数是为按钮准备的，因为它点击需要一个函数

**4、if判断：**如点击按钮显示/隐藏div(弹出菜单)

**（1）if判断基本格式：**

if(条件)
    {
    语句1
    }
    else
    {
    语句2
    }

翻译：如果条件成立就执行语句1，如果条件不成立就执行语句2

** 注：**(1) if ：如果

(2) 条件：在IS里是判断的意思，就是遇到不同的情况就做不同的操作，遇到不同的问题就做不同的处理

**（2）单等和双等(=和==)**

=    赋值（改变，变成）

==   判断（判断两边是否相等）

**（3）为a链接添加JS**

<a href="javascript:;">链接</a>

一般a里不加JS代码，而是空的js原因：(1) 在a里加js代码不好 (2) 加空的js代码而不是加\#，因为它不会像\#那样一点就跳到页首。

发表评论取消回复

表情：

评论列表（有 0 条评论，98人围观）

还没有评论，来说两句吧...

相关阅读

相关 Mysql 看视频整理资料文档——1

本文档是看尚硅谷mysql 视频整理的文档，表示感谢！！！参考视频：[https://www.bilibili.com/video/BV1iq4y1u7vj/?p=

迈不过友情╰/ 2024年04月01日 18:31/ 0 赞/ 66 阅读

相关笔记4_看张鹏老师html+css视频所得

1、网页布局：（1）网页如何去排版(布局)\---传统通过table进行排版----主流是通过xhtml+css布局（2）布局的核心思想：

太过爱你忘了你带给我的痛/ 2022年08月14日 03:52/ 0 赞/ 125 阅读

相关笔记3_看张鹏老师html+css视频所得

三、html文档结构 1、做网页的----要用html文件----用浏览器打开 2、所有html文件都有一个结构（框架、骨架）

快来打我*/ 2022年08月14日 03:51/ 0 赞/ 128 阅读

相关笔记2_看张鹏老师html+css视频所得

二、html标记的类型：单标记与双标记 1、单标记（1）<标记名称> 单一型，无属性值如：<br /> （2）<标记名

ゝ一纸荒年。/ 2022年08月14日 03:51/ 0 赞/ 121 阅读

相关笔记1_看张鹏老师html+css视频所得

网页设计师：包括设计（PS网页效果图设计、Flash网页动画设计）和制作（Html、Xhtml、DIV+CSS和Javascript、JQuery）一、

妖狐艹你老母/ 2022年08月10日 11:49/ 0 赞/ 166 阅读

相关三、深入Javascript(2)_看智能社blue老师JS视频整理的笔记

数组 1、定义数组的2种写法：（1）var a=\[1,2,3\]; （2）var a=new Array(1,2,3); 这两种方法作用一样，一般用第1种就可以

迈不过友情╰/ 2022年08月06日 05:16/ 0 赞/ 126 阅读

相关三、深入Javascript(1)_看智能社blue老师JS视频整理的笔记

1、函数返回值 ( return ) function show() { return 12; }; alert(sh

ゞ浴缸里的玫瑰/ 2022年08月06日 05:16/ 0 赞/ 149 阅读

相关一、初探Javascript魅力(1)_看智能社blue老师JS视频整理的笔记

1、javascript是什么根据用户的一些操作，然后来修改页面上的一些元素、属性等。（1）HTML+CSS静态页面，JS给页面添加动的效果（2

深碍√TFBOYSˉ_/ 2022年08月06日 05:11/ 0 赞/ 99 阅读

相关智能社—JavaScript基础01

一. JavaScript变量类型 1.String 字符串 2.Boolean 布尔 3.Number 数字 4.Function 函数 5.Object 对象

╰半夏微凉°/ 2022年07月16日 02:42/ 0 赞/ 109 阅读

相关 JavaScript基础系列1---初探JavaScript

初探JavaScript [系列1：初探JavaScript][1_JavaScript] [系列2：数据类型和运算符][2] [系列3：选择结构][3]

你的名字/ 2022年07月14日 05:59/ 0 赞/ 311 阅读