美文网首页
JS在页面中的位置

JS在页面中的位置

作者: Jennyni1122 | 来源:发表于2019-06-14 15:18 被阅读0次

JS作用:
你知道吗,Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HTML+CSS创建一个漂亮的页面,但这还不够,它只是静态页面而已。我们还需使用JavaScript增加行为,为网页添加动态效果。准备好,让JavaScript带你进入新境界吧!

JavaScript能做什么?

1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)

2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)

JS学习什么?

在JavaScript中,我们学习如何插入JS、输出内容及简单的DOM操作,之后会进一步的了解JS的变量、数组、函数、语法、对象、事件、DOM操作,制作简单的网页动态效果。

注意:

  1. JS是区分大小写的,如:classname和ClassName是不一样的。同时注意方法、属性、变量等的大小写吆。

  2. JS中的字符、符号等一定要在英文状态下输入吆。

我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。
放在<head>部分
最常用的方式是在页面中head部分放置<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。
放在<body>部分
JavaScript代码在网页读取到该语句的时候就会执行。


image.png

注意: javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。

相关文章

  • JS在页面中的位置

    JS作用:你知道吗,Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构),知道了CSS样式(...

  • JavaScript1.0

    如何插入JS ​​ 引用JS外部文件 ​​ 找到你的位置(JS在页面中的位置) ​​ ​​ JavaScript-...

  • JavaScript入门篇

    引用JS外部文件 JS在页面中的位置 javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览...

  • 前端知识点(9)

    JS编写位置 可以将js代码编写到外部js文件中,然后通过script标签引入 写到外部文件中可以在不同的页面中同...

  • JS基础1-语言部分

    一、 入门 1、 JS代码书写的位置 写在行内 写在script标签中 写在外部js文件中,在页面引入 注意点: ...

  • vue中引入百度地图

    在main.js 中引入 然后在页面中插入,摆到你要的位置 在生命周期里调用

  • JS属性async和defer的作用和区别

    一.页面中JS的位置 一般来说,一个页面是由HTML+CSS+JavaScript三要素组成。在一个HTML页面中...

  • 1. JavaScript入门

    JS在页面中的位置我们可以将JavaScript代码放在HTML文件中任何位置,但是我们一般放在网页的 或者 ...

  • JS基本语法

    编写位置: 可以将js代码编写到外部js文件中,然后通过script标签引入 写到外部文件中可以在不同的页面中同时...

  • javascript

    编写位置 可以将js代码编写到外部js文件中,然后通过script标签引入写到外部文件中可以在不同的页面中同时引用...

网友评论

      本文标题:JS在页面中的位置

      本文链接:https://www.haomeiwen.com/subject/clhpfctx.html