JS部分知识总结

1、什么是js,js能做什么?

Js是JavaScript
和html、css一样都是运行在浏览器上的编程语言;
Js可以让用户和页面进行交互,即用户在页面中操作的时候(比如 移入、移出、点击),页面对用户的操作有反馈。
Js可以:操作css、操作html、能从后台获取数据,把数据展示到页 面中;
可以把数据发送给后台。

2、什么是事件、事件如何添加,有哪些事件呢?

事件是指用户在页面的操作(如:点击)

onclick 
当用户点击的时候
onmouseover 
当鼠标移入的时候 mouse 鼠标 over 在…上面
onmouseout 
当鼠标移出的时候 out出去

事件加给谁:操作谁就加给谁
事件什么元素都可以添加吗:理论上所有标签都可以加事件,但是 平常给body以及body里面的标签加事件。

3、如何获取一个元素

通过id名来获取元素 document.getElementById(‘id名字’)

4、如何修改样式,有几种方法呢

元素.style.xxx=‘xxx’
注意:如果操作的是带连字符-怎么办,比如把background-color换 成backgroundColor

5、如何修改属性

元素.属性=‘xxx’
注意:如果要操作class 需要写className!

6、怎么去写js,有几种方式

(1)当做属性时在里面直接去添加js
(2)js放在script标签里面
(3)把js写在js的文件中

7、什么是函数、有什么用、怎么定义的

Function函数是可以包裹一堆代码的容器
定义:

function 函数名(){
//代码
}

在事件发生时可调用:函数名()
比如:

8、什么是变量,有什么用,怎么定义的,注意事项

变量是一句代码的别名、容器
声明变量:var 变量名=变量值
变量的命名规范

官方规定:
(1)变量必须以字母、下划线、或者$开头,不能是数字开头
(2)变量中不能出现空格或者其他标点符号
(3)不能出现中文
(4)不能用关键字、保留字(Js语法出现的单词不能用)

约定俗成:
(1)

用驼峰命名法(小驼峰命名法:匈牙利命名法) 首个单词小写,后面的单词首字母大写。

变量的类型+名字进行取名
比如:oDiv   div对象
  	 sVlaue  value的字符串
  	 bFlag   一个真假的值
  	 fnShow  展示函数

(2)

名字必须要有意义

(3)

项目中命名可以拼音,可以英文,但是用拼音全部用拼音,如果用英文全部用英文,不允许混合用,不允许缩写用

9、js有哪些数据类型

在 JavaScript 中有
6 种不同的数据类型:
string
number
boolean
object
function
symbol
3 种对象类型:
Object
Date
Array
2 个不包含任何值的数据类型:
null
undefined

数字 number var a=1
字符串 string var str=‘aaa’;
布尔值 boolean var b=true
函数 function function fn( ) { }
对象 object document.getElementById(‘xxx’)
未定义 undefined var d;

值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。

引用数据类型(对象类型):对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)。

10、注释

JavaScript 注释可用于提高代码的可读性。
养成一个好的习惯就是写注释。
方便你二次阅读,维护你的代码。
如果后面项目转手,也方便别人来理解你的代码和维护你的代码。

单行注释 //
多行注释/**/

如果用户不能确定浏览器是否支持JavaScript脚本,那么可以应用 HTML提供的注释符号进行验证。 HTML注释符号是以 <–
开始 以 --> 结束的。 如果在此注释符号内编写 JavaScrip t脚本,对于不支持JavaScript 的 浏览器,将会把编写的
JavaScript 脚本作为注释处理。

11、js的输出方式

JavaScript 没有任何打印或者输出的函数。

所以一般JS显示数据:

使用 window.alert() 弹出警告框;或onclick="alert('点击一下')"。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

你可能感兴趣的:(JavaScript,javascript,前端,html)