- 浏览: 1214402 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (434)
- js (20)
- struts2 (77)
- spring (11)
- hibernate (17)
- ssh整合 (9)
- 程序例子 (4)
- 正则表达式 (8)
- JSP (20)
- IDE (15)
- 数据库 (10)
- 工作经验技巧感悟 (21)
- 程序员的幽默 (4)
- windows设置 (4)
- 名词解释 (4)
- 技术入门 (4)
- jFreeChart (16)
- OGNL (5)
- java基础 (46)
- dwr (4)
- portal (1)
- 示例用到的附件 (0)
- 优秀程序员45个习惯 (1)
- webService (1)
- shell (3)
- ibatis (3)
- 开发工具 (1)
- OS (3)
- xmlbean (2)
- design_pattern (0)
- error (1)
- testng (2)
- python (18)
- hadoop (21)
- mapreduce (9)
- Hive (0)
- HBase (0)
- ubuntu (22)
- 多线程 (7)
- 自我改进 (6)
- 设计模式 (1)
- ssh (2)
- ant (4)
- guake (2)
- 云计算 (9)
- hdfs (3)
- 大数据 (1)
- 电信业务 (1)
- maven (2)
- svn (5)
- UML (1)
- 待处理问题 (2)
- log4j (1)
- css (1)
- LevelDb (0)
- thrift (6)
- 辅助工具 (3)
- 算法 (1)
- tornado (0)
- twisted (1)
- jvm (0)
- 图书 (1)
- 其他 (1)
- oracle (2)
- mvn (1)
- 私人信息 (0)
- nio (1)
- zookeeper (1)
- JavaIO (3)
- mongodb (1)
- java-高级 (6)
- spring-深入 (1)
- tomcat (1)
- quartz (1)
- 面试题 (1)
- redis (3)
- EJBCA (0)
- spring-3.0 (1)
- memcache (3)
- 性能检测 (1)
- android (0)
- 开源项目 (1)
- 将博客搬至CSDN (0)
- 架构之路 (1)
最新评论
-
pjwqq:
“子类对象”都拥有了“父类对象的一个实例的引用”我晕,应该是“ ...
java继承--父类属性的存放位置 -
gwgyk:
关于楼主最后的问题,我想可能是这样:InputFormat默认 ...
eclipse 运行hadoop wordcount -
fanjf:
上述7点基本具备,可惜现在因为项目需要,做管理方面工作!
如何判断自己是否具有成为一名优秀程序员的潜质 -
摸爬滚打NO1:
链接已经失效
Eclipse添加JSEclipse 插件(js插件) -
younglibin:
看了以上7条, 自己 也不知道是否能够对上, 感觉没一点都有那 ...
如何判断自己是否具有成为一名优秀程序员的潜质
页面上的Javascript代码是HTML文档的一部分,所以Javascript在页面装载时执行的顺序就是其引入标记<script />的出现顺序, <script />标记里面的或者通过src引入的外部JS,都是按照其语句出现的顺序执行,而且执行过程是文档装载的一部分。
每个脚本定义的全局变量和函数,都可以被后面执行的脚本所调用。
变量的调用,必须是前面已经声明,否则获取的变量值是undefined。
<script type="text/javscrpt">//<![CDATA[
alert(tmp); //输出 undefined
var tmp = 1;
alert(tmp); //输出 1
//]]></script>同一段脚本,函数定义可以出现在函数调用的后面,但是如果是分别在两段代码,且函数调用在第一段代码中,则会报函数未定义错误。
<script type="text/javscrpt">//<![CDATA[
aa(); //浏览器报错
//]]></script>
<script type="text/javscrpt">//<![CDATA[
aa(); //输出 1
function aa(){alert(1);}
//]]></script>document.write()会把输出写入到脚本文档所在的位置,浏览器解析完documemt.write()所在文档内容后,继续解析document.write()输出的内容,然后在继续解析HTML文档。
<script type="text/javascript">//<![CDATA[
document.write('<script type="text/javascript" src="test.js"><\/script>');
document.write('<script type="text/javascript">');
document.write('alert(2);')
document.write('alert("我是" + tmpStr);');
document.write('<\/script>');
//]]></script>
<script type="text/javascript">//<![CDATA[
alert(3);
//]]></script>test.js的内容是:
var tmpStr = 1;
alert(tmpStr);在Firefox和Opera中的弹出值的顺序是:1、2、我是1、3
在IE中弹出值的顺序是:2、1、3,同时浏览器报错:tmpStr未定义
原因可能是IE在document.write时,并未等待加载SRC中的Javascript代码完毕后,才执行下一行,所以导致2先弹出,并且执行到document.write(’document.write("我是" + tmpStr)’)调用tmpStr时,tmpStr并未定义,从而报错。
解决这个问题,可以利用HTML解析是解析完一个HTML标签,再执行下一个的原理,把代码拆分来实现:
<script type="text/javascript">//<![CDATA[
document.write('<script type="text/javascript" src="test.js"><\/script>');
//]]></script>
<script type="text/javascript">//<![CDATA[
document.write('<script type="text/javascript">');
document.write('alert(2);')
document.write('alert("我是" + tmpStr);');
document.write('<\/script>');
//]]></script>
<script type="text/javascript">//<![CDATA[
alert(3);
//]]></script>这样IE下和其他浏览器输出值的顺序都是一直的了:1、2、我是1、3。
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/cnkiminzhuhu/archive/2008/01/28/2069560.aspx
每个脚本定义的全局变量和函数,都可以被后面执行的脚本所调用。
变量的调用,必须是前面已经声明,否则获取的变量值是undefined。
<script type="text/javscrpt">//<![CDATA[
alert(tmp); //输出 undefined
var tmp = 1;
alert(tmp); //输出 1
//]]></script>同一段脚本,函数定义可以出现在函数调用的后面,但是如果是分别在两段代码,且函数调用在第一段代码中,则会报函数未定义错误。
<script type="text/javscrpt">//<![CDATA[
aa(); //浏览器报错
//]]></script>
<script type="text/javscrpt">//<![CDATA[
aa(); //输出 1
function aa(){alert(1);}
//]]></script>document.write()会把输出写入到脚本文档所在的位置,浏览器解析完documemt.write()所在文档内容后,继续解析document.write()输出的内容,然后在继续解析HTML文档。
<script type="text/javascript">//<![CDATA[
document.write('<script type="text/javascript" src="test.js"><\/script>');
document.write('<script type="text/javascript">');
document.write('alert(2);')
document.write('alert("我是" + tmpStr);');
document.write('<\/script>');
//]]></script>
<script type="text/javascript">//<![CDATA[
alert(3);
//]]></script>test.js的内容是:
var tmpStr = 1;
alert(tmpStr);在Firefox和Opera中的弹出值的顺序是:1、2、我是1、3
在IE中弹出值的顺序是:2、1、3,同时浏览器报错:tmpStr未定义
原因可能是IE在document.write时,并未等待加载SRC中的Javascript代码完毕后,才执行下一行,所以导致2先弹出,并且执行到document.write(’document.write("我是" + tmpStr)’)调用tmpStr时,tmpStr并未定义,从而报错。
解决这个问题,可以利用HTML解析是解析完一个HTML标签,再执行下一个的原理,把代码拆分来实现:
<script type="text/javascript">//<![CDATA[
document.write('<script type="text/javascript" src="test.js"><\/script>');
//]]></script>
<script type="text/javascript">//<![CDATA[
document.write('<script type="text/javascript">');
document.write('alert(2);')
document.write('alert("我是" + tmpStr);');
document.write('<\/script>');
//]]></script>
<script type="text/javascript">//<![CDATA[
alert(3);
//]]></script>这样IE下和其他浏览器输出值的顺序都是一直的了:1、2、我是1、3。
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/cnkiminzhuhu/archive/2008/01/28/2069560.aspx
发表评论
-
点击table首行列名按该列内容排序+冻结窗口
2010-01-08 09:06 4406注意 : 这里的只适用于 表头的 (即:首行的)td 和显示 ... -
dwr和js来实现ajax技术
2009-12-17 16:58 2173在jsp页面 处于一个超链接: 如下图:对于处理状态 和 ... -
dom属性实例
2009-12-16 11:30 1671文档对象模型(DOM)是表示文档(比如HTML和XM ... -
js 格式化时间
2009-12-16 11:20 3911/** * 时间对象的格式化; */ D ... -
jsp页面 显示和隐藏提示信息
2009-12-04 16:01 5560function hide(){ var bloc ... -
javascript页面跳转常用代码
2009-11-30 08:56 19682009-11-16 19:20 按钮 ... -
用JS弹出窗口及参数解释
2009-11-30 08:54 1513用JS弹出窗口 ... -
javascript 控制优化页面 js 加载顺序
2009-11-30 08:49 3072学习js的时候,经常会遇到这样的问题,如何控制dom、js在页 ... -
js全选例子一个
2009-09-11 11:09 1636<html><head> < ... -
js中的窗体(window)
2009-09-11 10:39 1783showModalDialog() ... -
js隐藏域的显示与隐藏
2009-08-26 15:52 5069<html> <head> < ... -
js三级联动
2009-08-26 15:50 1673<html> <head> < ... -
JS函数一览100条
2009-08-26 13:15 12711.document.write(""); ... -
getElementById获得div <a> 之间的值
2009-08-24 15:53 2678get-Element-By-Id,就是通过ID来设置/返回 ... -
js中document在IE出错在Firefox正确
2009-08-24 15:51 1888Element_value = document . getE ... -
一个js登陆验证例子 经典
2009-08-24 15:16 4183<html> <head> < ... -
EL表达式
2009-08-24 09:24 1835EL表达式总是用大括号 ... -
XTREE jsp页面的tree 结构
2009-08-21 10:46 2582每个结点有一个状态叫做OPEN(打开); 如果结点为OPEN, ... -
js中cloneNode()的使用 两个例子
2009-08-20 15:41 11225cloneNode() 方法可创建指定的节点的精确拷贝。 (可 ...
相关推荐
9. **JavaScript阻塞渲染**:如果JSP页面中存在阻塞渲染的JavaScript代码,浏览器会在执行完这些代码后才继续渲染页面。将脚本放在`<body>`标签底部,或使用`async`或`defer`属性可以避免这种问题。 10. **JSP预...
"jsp页面加载之遮罩层"这个主题关注的是在JSP页面加载过程中,如何使用遮罩层来提升用户体验,尤其是在等待页面完全加载时提供一种视觉反馈,让用户知道页面正在处理。 首先,遮罩层通常是一个半透明的div元素,...
### JSP页面中的代码执行加载顺序详解 #### 一、引言 JSP(Java Server Pages)是一种基于Java技术的动态网页技术标准,它通过将动态生成的内容嵌入到静态HTML页面中,使得Web应用程序能够生成动态变化的内容。在...
了解JSP页面中的代码执行加载顺序对于Web开发人员来说至关重要,因为它影响页面的表现和功能的实现。 JSP页面中的代码主要分为三部分:Java代码、JSP标签和脚本以及客户端的JavaScript和HTML代码。这些部分的执行...
在网页开发中,有时我们需要确保页面完全加载后再执行某些JavaScript函数,这有助于保证操作的正确性和用户体验。在JSP页面中,实现这个需求有多种方式。以下将详细讲解标题和描述中提到的几种常见方法: 1. **使用...
在这些加载动画中,JS通常用来监听页面加载事件,如DOMContentLoaded或load事件,当页面内容加载完成后,JS会停止加载动画,显示实际内容。此外,JS还可以根据用户行为触发动画,比如点击按钮启动加载动画。例如,...
本话题聚焦于如何利用json(JavaScript Object Notation)进行异步调用,以及在jsp(JavaServer Pages)页面中加载公司标签的实现过程。以下是对这个主题的详细讲解: 首先,json是一种轻量级的数据交换格式,它...
在网页开发中,JavaScript文件的加载是网页渲染过程中的关键步骤。大型应用往往包含多个JS文件,这可能导致页面加载速度变慢,影响用户体验。为了解决这个问题,开发者引入了异步加载(Asynchronous Loading)技术,...
在网页设计和开发中,用户体验是...总的来说,`loading.jsp`是利用JSP、HTML、CSS和JavaScript技术实现的一种页面加载提示机制,它提升了用户在等待页面加载过程中的体验,同时也展现了Web开发中对用户体验的细致考虑。
JavaScript(简称JS)和JavaServer Pages(简称JSP)是两种在Web开发中常见的技术,它们经常被用来创建交互式的动态网页。在这个场景中,"JS和JSP制作的动态菜单"指的是使用JavaScript来实现前端的动态效果,而JSP则...
本文详细介绍了如何使用Eclipse IDE结合AJAX技术在JSP中实现动态加载列表框的过程。通过这种方式,可以显著提升Web应用的用户体验和性能。开发者需要熟悉AJAX的基本原理以及如何在不同浏览器环境下正确创建...
在JSP(JavaServer Pages)开发中,为了增强用户体验,我们常常会使用JavaScript日期控件来帮助用户方便地选择日期。这些控件不仅简化了日期输入的过程,而且提供了丰富的自定义选项,使得网页的交互性更强。本篇将...
这个过程会在首次访问时发生,之后再次访问同一页面时,除非修改了JSP文件或手动清理了编译后的文件,否则将直接使用已有的.class文件进行执行,因此速度会更快。 #### 四、示例分析 考虑下面的JSP文件`hello.jsp`...
在JSP(JavaServer Pages)页面中,我们通常会结合JavaScript(JS)来实现动态的进度条效果。本篇文章将深入探讨如何在JSP页面中运用JS实现进度条方案。 首先,我们要了解进度条的基本结构。进度条通常由HTML元素如...
在Web应用程序中,进度条通常用于告知用户某个长时间运行的任务(如文件上传、数据处理或大文件下载)的当前状态,提升用户体验。 在JSP中实现进度条,我们可以利用AJAX(Asynchronous JavaScript and XML)进行...
在JSP页面中,JavaScript代码通常放置在`<script>`标签中,这些代码不会被服务器端执行,而是直接传递给客户端浏览器执行。相反,JSP代码则会在服务器端执行,并将执行结果返回给客户端。 #### 五、JSP与Servlet的...
【标题】"1024小游戏_jsp_js"是一个基于JSP(JavaServer Pages)和JavaScript技术开发的小型游戏项目,旨在帮助初学者理解和实践这两种技术的结合应用。在这个项目中,用户可以在网页上玩一个经典的数字合成游戏,即...
在在线选课系统中,Servlet扮演着服务器端程序的角色,处理HTTP请求,执行业务逻辑,如处理学生的选课请求,老师的课程添加等,并将结果返回给客户端。Servlet通过`doGet`和`doPost`等方法响应HTTP请求,与JSP协同...
在Blog程序中,JavaScript通常负责用户界面的交互,如表单验证、动态加载评论、时间戳格式化等功能。它可以通过AJAX(Asynchronous JavaScript and XML)与服务器进行异步通信,无需刷新整个页面即可更新数据。 **...
本实例“ko.rar_ajax_ajax jsp_javascript_jsp”显然是关于如何在JSP(JavaServer Pages)环境中运用Ajax技术的教程,旨在帮助学习者更好地理解和实践Ajax与JSP的结合。 首先,让我们详细了解一下Ajax的基础。Ajax...