javascript中Math.sin运算问题应该怎么解决

发布时间:2025-05-19 18:07:31 发布人:远客网络

一、javascript中Math.sin运算问题应该怎么解决

1、Math.sin()的参数，必须是一个以弧度表示的角，角度数×Math.PI/180即为当前角度数的弧度值。30度角的sin()的写法为：Math.sin(30*Math.PI/180)

2、180度转换成弧度理论上等于Math.PI，但由于cpu在运算的时候，会进行近似处理，所以并不相等。

3、常规代数里，是等于0，但是cpu运算的时候，只是近似与0

4、因为程序处理浮点数的时候，每一次运算都会取一次近似值，所以最终的结果，总是近似值，而不是我们通过代数得出的结果。

综上，浮点数的运算，往往并不是我们期望的结果，可以通过Math.round()函数来解决。

例如，对比下面的两个结果，你会看明白的：

document.write(Math.sin(Math.PI)+"<br/>");

document.write(Math.round(Math.sin(Math.PI)*1000000)/1000000);

二、javascript

从2004年下半年开始学习Web编程至今3年有余。从HTML，asp开始到现在的VS2008一路学过来，其中学的最多的还是服务器端编程，对客户端编程的学习还是不成系统。虽然在很多个系统里面应用过脚本，有些还起到了比较重要的作用。但一直是只知其然不知其所以然，用的是小心翼翼。现在脚本编程从以前的"雕虫小技"变成了一个Web开发不可或缺的元素，其地位大大提高了，特别是Ajax兴起之后它更是"炙手可热"了。鉴于此种情况及自己对脚本编程的热爱，于是就系统地学习一下脚本。

学习是理解和记忆的过程。在理解和记忆的过程中必不可少地就需要一些辅助的记录，于是我就将自己的学习记录写成随笔。一来是帮助自己理解和记忆，二来也给其它热爱脚本的同志一些参考。

ECMA-262将对象（object）定义为"属性的无序集合，每个属性存放一个原始值、对象或函数"（unordered collection of properties each of which contains a primitive value, object, or function）。这意味着对象是无特定顺序的值的数组。在ECMAScript中，对象由特性（Attribute）构成，特性可以是原始值，也可以是引用值。如果特性存放的是函数，它将被看作对象的方法（Method），否则该特性被看作属性（Property）。

ECMAScript有无用存储单元收集程序（就像C#的垃圾收集器），意味着不必专门销毁对象来释放内存。当再没有对对象的引用时，该对象就被废除了。运行无用存储单元收集程序时，所有废除的对象都会被销毁。每当函数执行完它的代码，无用存储单元收集程序都会运行，释放所有的局部变量，还有在一些其它不可预知的情况下，无用存储单元收集程序也会运行。

把对象的所有引用都设置为null，可以强制性的废除对象。例如：

当变量oObject设置为null后，对第一个创建的对象的引用就不存在了。这意味着下次运行无用存储单元收集程序时，该对象将被销毁。

每用完一个对象后，就将其废除，来释放内存，这是个好习惯。这样还确保不再使用已经不能访问的对象，从而防止程序设计错误的出现。此外，旧的浏览器（如IE）没有完全的无用存储单元收集程序，所以卸载页面时，对象可能不能被正确地销毁。以前IE6就有这样的诟病，当页面被关闭后对象还是没有被释放，所以总是会导致内存溢出的错误。废除对象和它所有的特性是确保内存正确使用的最好方法。

JavaScript中对象分为：本地对象（native object）、内置对象（built-in object）、宿主对象（host object）。其中本地对象和宿主对象大家一般用的比较多，比较熟。这里我就重点说明一下内置对象。

ECMA-262把内置对象定义为"由ECMAScript实现提供的、独立于宿主环境的所有对象，在ECMAScript程序开始执行时出现"（any object supplied by an ECMAScript implementation, independent of the host environment, which is present at the start of the execution of an ECMAScript program.）。这意味着开发者不必明确实例化内置对象，它已经被实例化了。但ECMAScript只定义了两个内置对象：

Math对象就是解决数学问题的所有公式。这个在各种编程语言中都有类似的实现，就不做介绍了。

园子里很多搞ASP.net的，相信大家对其中的Global.asax非常熟悉了。但这个对象在ECMAScript中却比较特殊。因为它实际上根本就不存在。如果尝试编写下面的代码去实例化它，将得到错误：

错误消息显示Global不是对象，但上文却说Global是一个内置对象，这不就自相矛盾了吗？不矛盾。这里需要理解的主要概念是，在ECMAScript中，不存在独立的函数，所有的函数都必须是某个对象的方法。ECMAScript中常用的函数例如isNaN()、isFinite（）等，看起来都像独立的函数。实际上，它们都是Global对象的方法。而且Global对象的方法还不止这些。

虽然ECMAScript越来越正规化了，但创建对象的方法却被置之不理。在高级的编程语言（如C#）中，创建对象的方法被明确的定义了。所以不会有太大的分歧。但在脚本语言中创建对象的方法就是多种多样了。

由于对象的属性可在对象创建后动态定义，所以许多开发者都在初次引入JavaScript时编写类似下面的代码：

oCar.showColor=function(){alert(this.color);};

在这段代码中，创建对象car。然后给它设置几个属性：它的颜色是红色，有四个门，每加仑油23英里。最后一个属性是指向函数的指针，意味着该属性其实是个方法。执行这段代码后，就可以使用对象car了。可是要创建多个car实例就麻烦了。

要解决此问题，开发者可以创建并返回特定类型的对象的工厂函数。例如，函数CreateCar（）可用于封装前面列出的创建car对象的操作：

oTempCar.showColor=function(){alert(this.color)};

这里，前面的所有代码都包含在createCar()函数中，此外还有一行额外的代码，返回Car对象作为函数值。调用此函数时，将创建新对象，并赋予它所有必要的属性，复制出一个前面说明的car对象。使用该方法，可以容易地创建car对象的两个版本，他们的属性完全一样。当然，还可以修改creatCar（）函数，给它传递各个属性的默认值，而不是赋予属性默认值：

Function createCar(sColor,iDoors,iMpg)

oTempCar.showColor=function(){alert(this.color)};

Var oCar1=createCar("red",4,23);

Var oCar2=createCar("blue",2,26);

oCar2.showColor();//输出"blue"

给createCar（）函数加上参数，即可为要创建的car对象的color、doors和mpg属性赋值。使这两个对象具有相同的属性，却有不同的属性值。但这里有个问题：每次调用函数createCar（），都要创建新函数showColor()，意味着每个对象都有自己的showColor（）版本。事实上，每个对象用的都是同一段代码。这样的定义方法还有一个如下的变形：

Function Car(sColor,iDoors,iMpg)

this.showColor=function(){alert(this.color)};

Var oCar1=new Car("red",4,23);

Var oCar2=new Car("blue",2,26);

oCar2.showColor();//输出"blue"

这个方法和上一个方法有个一样的缺陷：重复的创建了showColor()函数。为了解决这个缺陷我们可以用下面的方法。

该方法利用了对象的Prototype属性。用空构造函数来设置类名，然后所有的属性和方法都被直接赋予prototype属性：

Car.prototype.showColor=function(){alert(this.color)};

使用这个方法可以解决重复创建showColor（）函数，但又会有新的问题，考虑下面的例子：

Car.prototype.drivers=new Array("Mike","Sue");

Car.prototype.showColor=function(){alert(this.color)};

alert(oCar1.drivers);//输出"Mike,Sue,Matt"

alert(oCar2.drivers);//输出"Mike,Sue,Matt"

这里，属性drivers是指向Array对象的指针。改变指针指向的内容，所有的实例都会改变。看来这种方法也不可取

这种方式就是用构造函数定义对象的所有非函数属性，用原型方式定义对象的函数属性（方法）。结果所有的函数只创建一次，而每个对象都具有自己的对象属性实例。

Function Car(sColor,iDoors,iMpg)

Car.drivers=new Array("Mike","Sue");

Car.prototype.showColor=function(){alert(this.color)};

Var oCar1=new Car("red",4,23);

Var oCar2=new Car("blue",3,25);

alert(oCar1.drivers);//输出"Mike,Sue,Matt"

alert(oCar2.drivers);//输出"Mike,Sue"

这种方式是ECMAScript主要采用的方式，它具有其他方式的特性，却没有它们的缺陷。在实际编程中应用的也是最多了。

另外还有JSON创建方式。其创建的方式如下：

drivers: [{name:"Mike", age: 20, Married: false},{name:"Sue", age: 30, Marred: true}],

showColor: function(){alert(this.color)}

这种创建对象的方式也比较优雅。可作为Ajax返回的文本，然后用eval()函数将其还原成一个对象。著名的脚本框架JQuery就有专门接收返回文本为JSON对象的异步方法。

三、求个简单javascript代码谢谢,网站菜单功能

不用说自己菜不菜的，能有这个学习的精神已经很值得鼓励了

呵呵，下面，我来给你介绍几个网站常见的菜单

第一个：仿网易的滑动门导航菜单

<title>仿网易的滑动门技术，用DIV+CSS技术实现</title>

.sec1{ background-color:#FFFFCC;}

.sec2{ background-color:#00CCFF;}

for(i=0;i<menu.childNodes.length;i++)

menu.childNodes[i].className="sec1";

menu.childNodes[n].className="sec2";

for(i=0;i<main.childNodes.length;i++)

main.childNodes[i].style.display="none";

main.childNodes[n].style.display="block";

<li class="block">第一个内容</li>

<li class="unblock">第二个内容</li>

<li class="unblock">第三个内容</li>

<li class="unblock">第四个内容</li>

这里基本上是使用Css与Div的结合，在整个布局中已层为单位，实行滑动菜单的是一个javascript脚本函数，调用就可以了，看不懂不要紧，日渐积累才是重要

第二个：经典实用的触发型导航（这是鼠标单击事件控制）

<title>网页特效代码|JsCode.CN|---经典实用的触发型导航菜单</title>

<STYLE type=text/css>.sec1{

BORDER-RIGHT: gray 1px solid; BORDER-TOP:

#ffffff 1px solid; BORDER-LEFT:#ffffff 1px

solid; CURSOR: hand; COLOR:#000000; BORDER-

BOTTOM:#ffffff 1px solid; BACKGROUND-COLOR:

BORDER-RIGHT: gray 1px solid; BORDER-TOP:

#ffffff 1px solid; FONT-WEIGHT: bold; BORDER-

LEFT:#ffffff 1px solid; CURSOR: hand; COLOR:

#000000; BACKGROUND-COLOR:#d4d0c8

BORDER-RIGHT: gray 1px solid; BORDER-

LEFT:#ffffff 1px solid; COLOR:#000000; BORDER-

BOTTOM: gray 1px solid; BACKGROUND-COLOR:#d4d0c8

for(i=0;i<secTable.cells.length;i++)

secTable.cells[n].className="sec2";

for(i=0;i<mainTable.tBodies.length;i++)

<TD class=sec2 onclick=secBoard(0) width="10%">关于TBODY标记</TD>

<TD class=sec1 onclick=secBoard(1) width="10%">关于cells集合</TD>

<TD class=sec1 onclick=secBoard(2) width="10%">关于tBodies集合</TD>

<TD class=sec1 onclick=secBoard(3) width="10%">关于display属性</TD></TR></TBODY></TABLE>

<BR>注释：TBODY要素是块要素，并且需要结束标

签。<BR>即使如果表格没有显式定义TBODY

要素，该要素也提供给所有表。<BR><BR>

参考：《动态HTML参考和开发应用大全》（人民邮电出

<BR><BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY>

align=middle><BR><BR>

cellPadding=0 width=490 border=0>

表中所有单元格的集合。<BR>应用于TR、TABLE。

<BR><BR>参考：《动态HTML参考和开发应

<BR><BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY>

align=middle><BR><BR>

cellPadding=0 width=490 border=0>

对象的集合。对象在该集合中按照HTML源顺序排列。

<BR>应用于TABLE。<BR><BR>参考：

《动态HTML参考和开发应用大全》（人民邮电出版社

<BR><BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY>

align=middle><BR><BR>

cellPadding=0 width=490 border=0>

是否被提供。<BR>可能的值为block、none、

inline、list-item、table-header-group、table-

footer-group。<BR>该特性可读写，块要素默认

值为block，内联要素默认值为inline；层叠样式表

（CSS）属性不可继承。<BR><BR>参考：《

动态HTML参考和开发应用大全》（人民邮电出版社

北京华中兴业科技发展有限公司译）

href="" target=_blank>点击此处

</A>可参阅微软<A href="" target=_blank>MSDN在线</A>上的解释。

</TD></TR></TBODY></TABLE>

;</TD></TR></TBODY></TABLE&g

这里跟上面不同的区别在与这是鼠标移动和滑动的事件区别！

第三个：仿拍拍的切换效果菜单（里面的图片是我放上去的，所以会看不到图片的，呵呵继续）

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""">

<title>网页特效|网页特效代码(JsHtml.cn)---仿拍拍paipai.com首页产品图片随机轮显切换效果</title><style>

#sale{right:206px;top:0;width:260px;background:#fff}

#saleTitle{text-align:right;padding-top:5px;padding-right:5px;width:255px;height:20px;background:url("images/saleTitle.gif") no-repeat}

#saleList.saleTwo{height:108px;background:url("images/salelineH.gif") bottom repeat-x;}

#saleList a{display:block;height:108px;width:86px;text-align:center;float:left;overflow:hidden}

#saleList a.saleItem{background:url("images/salelineV.gif") right repeat-y;}

#saleList a:hover{background-color:#EBFFC5}

rnd.seed=(rnd.seed*9301+49297)% 233280;

return Math.ceil(rnd()*number)-1;

else if(saleNum<0) saleNum=2;

document.getElementById("saleList"+i).style.display="none";

document.getElementById("saleList"+saleNum).style.display="";