基础课-前端JS

发布时间 2023-11-09 09:43:42作者: HeFury

JAVA Script基础语法

意义:让前端界面动起来;它是负责前端界面与用户之间的交互

前端界面变化的思维导图:

                          触发                       调用                     运行

用户进行操作------------>前端事件------------>JS函数------------>界面产生变化

JS代码的编写方式

1.嵌入编写

嵌入在HTML中的script(脚本)标记中,它可以出现在任意位置,建议放在body代码标记后

2.外部编写

单独编写在JS文件中,使用script标记进行引入

 

前端事件是标记中以on开头的属性

on开头的属性值需要设置事件发生后需要调用的函数"函数名()"

例如:<button onclick="red()">变红</button>

JS的函数分为两类:

 

1.内部函数

可以直接调用,例如alert(弹框)、close(关闭)

2.自定义函数

函数代码需要程序员编写,可以完成个性化的变化需求

自定义函数要求:

<script>

function 空格 函数名(){

    函数具体代码(例如:document.getElementById('h').style.color='#09f4a1')

}

</script>

JS动态变化代码编写套路

1.找到需要变化的标记

2.修改相关的属性值

 

document---文档对象(所有标记)

.意义---里面的(点)

getElementByld函数---通过标记的id属性值获得某个标记

style---样式属性(具体样式属性名遵守驼峰命名规则,例如:fontSize)

= 意义---赋值符(右侧的数据赋值给左侧)

字符数据需要使用引号括起来(使用' '或" ")