属性“×”的值为 null、未定义或不是 Function 对象的错误分析;JS加载顺序

计算机读代码的顺序是从上往下读的,html文件中的顺序是<head>→<body>→body后方。如果是jsp

JSP全称Java Server Pages,是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以<%开头以%>结束。

JSP是一种Java servlet,主要用于实现Java web应用程序的用户界面部分。网页开发者们通过结合HTML代码、XHTML代码、XML元素以及嵌入JSP操作和命令来编写JSP。

JSP通过网页表单获取用户输入数据、访问数据库及其他数据源,然后动态地创建网页。

JSP标签有多种功能,比如访问数据库、记录用户选择信息、访问JavaBeans组件等,还可以在不同的网页中传递控制信息和共享信息。

则直接发给服务器。

一、

1.head元素中所引用得外部文件代码,一开始就下载。

2.遇到script时浏览器暂停解析(非暂停下载),将控制权交给JavaScript引擎(解释器),若<script>元素有引用外部脚本,就下载该脚本,否则直接执行,执行完毕后交给浏览器渲染引擎。

二:

1.浏览器解析body中的代码时会按照head中声明一部分样式去解析(若head中引用的外部文件没有下载完,将会继续下载)

2.如果遇到body中有<script>元素,同样会将控制权交给JavaScript引擎来解释执行

3.当body中的代码全部执行完毕、并且整个页面的css样式加载完毕后,css会重新渲染整个页面的html元素。

注意:<script>写到body标签内靠后比较好,

原因:JavaScript 会操作html元素, 如果在body加载完之前写JavaScript 会造成JavaScript 找不到页面元素的错误,

通常js会被写在<head>元素的<script>元素中,body中写js代码的情况较少,通常只有

window.onload: 等待页面中的所有内容加载完毕之后才会执行(包括图片、音乐等大文件)

$(document).ready(): 页面中所有DOM树绘制完毕之后就马上执行

回到文章主题:

浏览器解释执行<script>元素中的代码时若遇到语法错误,那么这一整个<script>元素中的代码也都将会解释失败!(包括里面所有的js方法/函数)

1.遇到这种错误时最好通过Ctrl+F5强制刷新(好处在于浏览器不会使用缓存,直接当新的DOM文档来解释执行!),此时错误信息会原形毕露:

posted @ 2022-10-29 14:39  yinghualeihenmei  阅读(37)  评论(0编辑  收藏  举报