相关疑难解决方法(0)

为什么自闭脚本标签不起作用?

浏览器无法正确识别的原因是什么:

<script src="foobar.js" /> <!-- self-closing script element -->
Run Code Online (Sandbox Code Playgroud)

只有这一点得到承认:

<script src="foobar.js"></script>
Run Code Online (Sandbox Code Playgroud)

这是否打破了XHTML支持的概念?

注意:此声明至少对所有IE(6-8 beta 2)都是正确的.

html javascript xhtml internet-explorer

1284
推荐指数
10
解决办法
12万
查看次数

jquery可以加入的最早和最新事件是什么?

我写了一个小插件来获取页面加载/渲染时间.它收集$(document).ready的完成时间,我已经把代码片段收集在<title>标签之后的开始时间.

我希望这不那么突兀,所以似乎应该有一个早于.ready的事件,我可以在那里收集最早可测量的页面开始时间.

这是目前突兀的javascript

<title></title>
<script type="text/javascript">
    var startTime = (new Date()).getTime();
</script>
Run Code Online (Sandbox Code Playgroud)

这是插件:

(function ($) {

    $(document).ready(function () {
        var endTime = (new Date()).getTime();
        var millisecondsLoading = endTime - startTime;

        $.get('hicmah.ashx?duration=' + millisecondsLoading, function (data) {
        });
    });

})(jQuery);
Run Code Online (Sandbox Code Playgroud)

javascript jquery

8
推荐指数
1
解决办法
1796
查看次数

了解有关 DOM 和脚本执行的 HTTP 请求/响应

我已经离开网页设计/开发很长时间了,最​​近又开始重新投入其中。我开始做一些事情只是为了让它们工作,现在我又回到了它,我想更清楚地理解一些事情 - 包括浏览器请求 DOM 的时间到它完全加载的时间,以及页面顶部和底部的脚本放置之间的差异。

我意识到这更像是http://doctype.com的帖子,但我想我会从这里得到更技术性的答案。我也想将其设为社区维基,但我还没有足够的积分。

请随时在这里纠正我 - 我的问题/假设:

  1. 当浏览器发出页面请求时,服务器会使用包含脚本、CSS 和 html 的层次结构/顺序的文档对象进行响应 - 正确吗?
  2. 一旦收到,浏览器就会构建一个文档对象树 - 这是在 DOM 准备就绪时还是在它开始在浏览器中渲染页面上的元素时?
  3. 在这方面,“当 DOM 加载时”和“当 DOM 准备好时”有什么区别?
  4. 将 (java)script 放在顶部(在 head 标签中)或放在底部(在</body>标签之前)有什么区别吗?
  5. 当浏览器完全加载所有资源(css、图像、javascript 等)时是否会触发 DOM 事件?我问这个问题是因为有时浏览器可能仍在加载背景图像,并且在它完成之前,我的 Javascript 动画已经开始执行。

感谢您花时间阅读本文,期待您的回复!

html dom execution

5
推荐指数
1
解决办法
2658
查看次数

动态插入<script>标签是否有效?

我有一些<script type="text/javascript">动态插入块的代码.

这个块包含一个函数,它<input type="button">上面有一个元素(也是动态插入的)用onclick属性调用它.

但是,它不起作用,并且Firebug说我尝试单击按钮时没有定义该功能.

这是可以预料的,如果有的话有解决方法吗?

html javascript javascript-events

4
推荐指数
1
解决办法
4345
查看次数

遇到脚本标签时的浏览器渲染页面

在阅读了浏览器如何工作和浏览器渲染过程后,我仍然对遇到<script>标签时浏览器解析过程感到困惑,这些帖子并没有真正涵盖。

主要过程如下图所示: 在此处输入图片说明

假设我们有一个简单的 html

<html>
<head>
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<link rel="stylesheet" href="another.css">
</head>
<body>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

问题

  1. 浏览器是单线程的,那么 HTML Parser 和 CSS Parser 是如何并行工作的
  2. 在 HTML Parser 中,当遇到<script>标签时,浏览器是否会停止,直到 js 文件下载并执行完成?对于这个例子,浏览器不会下载,another.css直到main.js下载并执行?

javascript browser nonblocking

4
推荐指数
1
解决办法
1065
查看次数