js基础实例教程（js展开 隐藏的div）

本文目录

• js展开 隐藏的div
• js鼠标悬停显示文字的实例介绍
• 获取其他网页的数据(asp.net 完整代码) ,目前已经获取到html 如何解析完整案例最好，谢谢js也可以
• JS基础-数字-0.1+0.2!=0.3（五）

js展开 隐藏的div

***隐藏网址******隐藏网址*** 《head》 ***隐藏网址***《title》Google Maps API For Javascript 中文详细实例教程 - 龙哥博客《/title》 《!--导入Google Maps API库文件。注意将本代码中的API Key替换为前文申请到的API Key--》 ***隐藏网址***《script type="text/javascript"》 //《!》 var fg = 1; function MapSW(){ if(fg==1) { document.getElementById("map").style.display="block"; document.getElementById("sw").innerHTML="隐藏"; fg = 0; } else { document.getElementById("map").style.display="none"; document.getElementById("sw").innerHTML="展开"; fg = 1; } }《/script》 《/head》 《!--加载时调用load()函数加载地图，注意加上onunload="GUnload()"防止内存泄露--》 《body onload="load()" onunload="GUnload()"》 《!--以下id为map的DIV元素即为Google地图的容器--》 《span id="sw" style="cursor:pointer;" onclick="MapSW();"》展开《/span》 《div id="map" style="width: 650px; height: 350px; display:none;"》《/div》 《/body》 《/html》

js鼠标悬停显示文字的实例介绍

***隐藏网址***

1、《html》 

2、《head》 

***隐藏网址***

4、《title》JS教程:鼠标悬停时显示文字或显示图片《/title》 

5、《script language="javascript"》

6、functionshowPic(sUrl{varx,y;x=event.clientX;y=event.clientY;document.getElementById("Layer1").style.left=x;document.getElementById("Layer1").style.top=y;document.getElementById("Layer1").innerHTML = "《img src=\"" + sUrl + "\"》";   document.g

7、function hiddenPic(){ document.getElementById("Layer1").innerHTML = ""; document.getElementById("Layer1").style.display = "none"; }

8、《/script》 

9、《/head》 

10、《body》 

11、《div id="Layer1" style="display:none;position:absolute;z-index:1;"》《/div》 

12、《img src="#########" onmouseout="hiddenPic();"

13、onmousemove="showPic(this.src);" title="wowowowo" /》    //此行title实现悬停时显示文字onmousemove实现显示图片

14、《p》《/p》 

15、《/body》 

16、《/html》

获取其他网页的数据(asp.net 完整代码) ,目前已经获取到html 如何解析完整案例最好，谢谢js也可以

这种东西，最好还是整点书来看比较好：精美网页特效设计技巧精粹网页制作、网页图像处理、网页动画设计以及各种实用的特效制作等的方法与技巧，涵盖了网页版式设计、色彩设计、网页图形创意、网页图标设计、网页动画设计、网页字体设计、网页特效设计等。几乎涉及到了与网页相关的方方面面，全书内容丰富、自成体系、实例众多。动态网页设计培训教程 动态网页设计培训教程网页设计软件的使用方法和最新的网页设计技术。全书共分14章，分别介绍了网页设计的基础知识；超文本标记语言HTML，使用FrontPage 2000和Dreamweaver 3.0设计网页的要领；使用Photoshop 6.0 和ImageReady 3.0优化和处理WEB图像等内容。JavaScript 动态网页经典实例教程网页设计实例，介绍动态网页设计中的常用方法、重点和难点。这些实例包括了动态状态栏，动态文本框，应用时间，动态层，动态内容，动态位置，动态元素内容，滚动效果，动态页面导航，动态数据表单，动态表格等内容。读者对象该书适合于广大的网页设计从业人员，为动态网页开发设计中需要解决的实际问题提供 ...网页美术设计入行实战(全彩)(含光盘1张) 网页美术设计入行实战(全彩)(含光盘1张)网页美术设计行业分析；就业指导；小型商业网页设计；大型商业网站设计；通过实际工作的案例以及虚拟应用场景，将每个案例的使用环境描述出来，涉及了网页设计在实际应用中使用的软件Flash，Dreameaver的使用，网页制作的技巧，并对一些陌生的或不常用的功能做了提示性的说明与解析。有多个实际案例供参考；网页设计的经验 ..网上筑巢--循序渐进设计网页网页.包括输入文字后设置格式,使网页内容更加鲜明,增加图片使网页更加生动,增加声音让网页学会"说话"等.此外还介绍网页制作高手的很多决窍.本书的读者对象是准备上网或已经上网,但上网经验不足的初学者.如果你真的想学习编程，那下面这些书是比不可少的。JavaScript基础与实践教程本书在介绍JavaScript相关知识的基础上，主要结合实例讲解JavaScript的实际应用。内容主要包括JavaScript语言的语法、 JavaScript面向对象的特性、调试JavaScript、JavaScript结合CSS应用于WEB编程、JavaScript的Dom编程、 JavaScript的基础应用、服务器端的应用、通过综合实例介绍JavaScript的高级应用。边学边用JAVASCRIPTJAVASCRIPT是实现网页动态性、交互性的脚本语言。本书通俗易懂，按照循序渐进的方法详细介绍了JAVASCRIPT的基本概念， HTML基本知识、JAVASCRIPT的基本语法及其内置对象和浏览器对象。书中对于每个知识点都配备了相应的实例，帮助读者加深理解。本书适合为 JAVASCRIPT初学者的培训教材，也可以作为中、高级网页编程 ...网页样式设计――CSS使用详解 网页样式设计――CSS使用详解CSS的基本概念、CSS属性、格式化模型以CSS单位等。此外，对于CSS的延伸扩展部分也做了全面的介绍，包括CSS定位技术、打印支持、框架结构、声音CSS滤镜变换效果等。书中附有大量实用例子帮助读者掌握和编写样式表单文档。本书内容翔实，深入浅出，是网络开发人员和网络爱好者的理想参考书。网页制作全接触――HTML 4.0 & CSS 网页制作全接触――HTML 4.0 & CSSCSS的内容，包括HTML 4.0各个标记的语法和属性，CSS各上属性的语法和属性值，同时介绍了两者在Dreamweaver中的实现，提供大量灵活使用HTML 4.0和CSS制作动态网页的实例。本书第一部分是590811及其应用，第二部分是CSS及其应用，附录中了JavaScript参考手册、CSS兼容性列表和字符实体集。网页设计与制作――MX 2004（第2版）网页制作套装软件Macromedia Studio MX2004中的网页制作三剑客为主要内容，介绍客户端网页的制作。全书共分9章，第1章网页制作基础，介绍与网页制作有关的基础知识；第2章至第5章介绍Dreamweaver MX2004的使用，其中穿插介绍CSS、JavaScript在网页中的应用；第6章和第7章介绍Fireworks MX2004的使用；第8章和第9章介绍F ...精通ASP网络编程ASP网络编程技术的实用教程。书中举例大量典型实用，综合了众多ASP程序员的实际开发经验。本书适合广大网络设计和开发人员以及对ASP感兴趣的编程爱好者阅读。ASP开发实例(1CD)ASP进行Web开发。主要内容有：ASP基本对象的使用，在ASP中使用第三方或自制的ActiveX控件，数据库对象的使用和设计，SQL语句的使用等。本书内容由浅入深，论述深入、全面，实例覆盖了ASP编程的大部分内容，每个实例着重介绍一个或几个知识要点。此外，还附有源程序代码多媒体光盘，帮助ASP爱好者快速深入地掌握ASP编程? ...高校计算机教程系列 JSP实用教程JSP运行环境的配置、JSP语法、JSP内置对象、JSP与文件、JSP与数据库、JSP与JavaBrsnd等内容；第7章至第8章介绍了怎样使用JSP技术创建完整的网站。第9章讲述Java Servlet,针对JSP与servlet结合开发网站做了详细的介绍JSP实用案例教程JSP)程序设计技术。主要内容包括：B／S开发模式和主流技术介绍，JSP编程基础，在Windows 2000／XP和Linux环境下JSP运行环境的配置过程，HTML与JSP的交互过程，JSP中的页面元素，编译指令和操作指令，JSP中常用的对象，JDBC，JavaBean，JSP的综合应用举例，Servlet的概念和使用，如何在JSP中应用XML，JSP的高级应用以及? ...PHP与MySQL5程序设计(第2版)PHP脚本语言和MySQL数据库这两种目前最流行的开源软件，主要内容包括PHP和MySQL基本概念、PHP扩展与应用库、日期和时间功能、 PHP数据对象扩展、PHP的mysqli扩展、MySQL 5的存储例程、触发器和视图等。本书实用性强，帮助读者学习PHP编程语言和MySQL数据库服务器的最佳实践，了解如何结合这些卓越的技术创建数据库驱动的 ...

JS基础-数字-0.1+0.2!=0.3（五）

这一篇真的要说0.1 + 0.2 了。。

先来一个计算题来热热身吧。

我知道你想怎么做：362500 + 314 = 362814。没错，是这样算的，再来一个。

还用刚才的办法吗？还是算了吧，实在太长了，换一种办法：

运算法则不用多说了吧，这种方法还是很简单的，IEEE754浮点数也是使用这种办法计算的加法的，准确来说，是计算机中所有种类的浮点数都是这么计算加法的，因为浮点数标准可不只有IEEE一家才有。

现在借用工具把 0.1 和 0.2 的 64位浮点数格式表示出来。

图中上面的64位浮点数代表0.1，下面的64位浮点数代表0.2（ 注意，因为计算时肯定是拿的内存中的值，所以此时的0.1 和 0.2 都是经过存储前舍入处理的了 ），并且已经列出了加法计算的5个步骤：

一. 阶码对阶 二. 尾数相加 三. 结果规格化 四. 尾数舍入处理 五. 溢出判断

那就按照顺序来一一说明。

首先，要把指数位（阶码）调整成一致才能计算加法，但是和开篇的计算题不同的是，这里规定必须是 小阶向大阶看齐 。

很明显，0.1的阶码比0.2的要小，所以0.1的尾数（小数位）向右移动一位，同时阶码 + 1。

点击下一步后如下所示：

因为阶码部分暂时已经确定，所以拿出来单独显示。

这一步比较简单，就是使用加法器把两个值相加，结果如下图所示。

还记得规格化是什么东西吗，联想一下科学计数法，计算后的尾数需要变成1.xxxx的形式，通过尾数的右移动来实现规格化，整体右移一位，阶码 +1。本案例中需要右移一位即可，所以阶码 +1。

舍入规则同第四章所说一致，可以返回 《JS基础-数字-0.1+0.2!=0.3（四）》 查看，当前命中了五取偶。

由于符合舍入规则五取偶中的 “如果X的值为1，则进1”，所以进1

溢出判断规则：

本案例没有命中溢出，所以不需要处理。

对比一下真正的0.3存入内存时的64位浮点数是什么样的:

细心的同学应该发现了其中的不同，0.1 + 0.2 的最终结果和 0.3 相比，在最后一位多进了一个1。这也就是为什么他们不相等的原因，0.1 + 0.2 已经不是 0.3 了。

首先，每一个IEEE754浮点编码都必须对应一个唯一的10进制的值，这是必须的，因为IEEE754没有规定每一个编码转化成的10进制的值必须是多少，但是却规定， 一个IEEE754浮点编码转化成10进制的值不做绝对限制，但当这个10进制的值在转化回IEEE754浮点编码时，必须还能还原成之前的IEEE754浮点编码。

如果 IEEE754浮点编码 0011111111010011001100110011001100110011001100110011001100110011 和 0011111111010011001100110011001100110011001100110011001100110100 都代表了0.3，那么当我存储0.3时，要转化成这两个编码的哪一个呢？

其次，如果如你所想的这么干了，0.3 占用了2个编码，其他的不精准情况是不是也要占用多个编码啊？（比如： 0.2 + 0.4 = 0.6000000000000001 等等）这种情况很常见，都这么干， IEEE754浮点编码一共才拥有 18437736874454810627（即，264 - 253 + 3）个值，将会有多少无效的编码掺杂其中。

最后，如果有个JS开发人员就想存 0.30000000000000004 这个值，为啥不让人家存啊， 0.30000000000000004 招谁惹谁了，它也是IEEE754 64位浮点编码的合法公民啊。

无论舍入界限值设置为多少，总会有这个值附近的倒霉蛋赶上。所以我现在只能使用《你不知道的JavaScript （中卷）》19页的最上面的话回复你：

看来我们能做的只有了解它，并且小心使用。

请不要以JavaScript的数值精度问题为借口来贬低这门语言，如果你这么做了，只能说明你还不懂爱情。

作为开发人员，针对小数的存储和运算问题不能怪罪IEEE754，因为误差不是IEEE754特有的，而是二进制浮点数表示方法引起的。怪罪2进制浮点数也不合适，因为计算机是2进制的。计算机也很冤枉，因为科学已经证实自然常数E（约等于2.718281828459045）进制的计算机执行效率最高，与之最近的只能是2和3，2进制计算机的物理原件相比于3进制更容易制造。即便普及的是3进制计算机，10进制小数依然无法完全转化。

如果你非要找个替罪羔羊泄愤，那只能拿锤子砸自己的手了，因为如果人类生来就只有8个手指头，习惯于使用8进制，转化成2进制小数就不会有转不尽的情况了。

以上全部，仅代表个人观点。