使用JavaScript 中的Math对象和勾股定理公式，计算鼠标的位置与页面图片中心点的距离，根据距离对页面上的图片进行放大或缩小处理。距离远时图片放大，距离近时图片缩小

【使用JavaScript 中的Math对象和勾股定理公式，计算鼠标的位置与页面图片中心点的距离，根据距离对页面上的图片进行放大或缩小处理。距离远时图片放大，距离近时图片缩小】的更多相关文章

使用JavaScript 中的Math对象和勾股定理公式，计算鼠标的位置与页面图片中心点的距离，根据距离对页面上的图片进行放大或缩小处理。距离远时图片放大，距离近时图片缩小

查看本章节查看作业目录需求说明: 使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理.距离远时图片放大,距离近时图片缩小随着鼠标的移动,实时计算鼠标与图片中心点的距离,在输入框中显示图片的缩放系数放大倍数不超过3 倍,缩小不小于50% 实现思路: 在页面上编写输入框用于显示缩放系数,并使用<img>标签显示一幅图片获取图片中心点的坐标获取鼠标移动时的坐标使用勾股定理计算出鼠标与图片中心点之间的距…

JavaScript中的Math对象

Math对象中提供的计算功能执行起来比你在代码中写的js要快得多,这是它的一个很好的优点. 属性: 属性说明 Math.E 即常量e的值 Math.LN10 ln10 Math.LN2 ln2 Math.LOG2E 2为底e的对数 Math.LOG10E 10为底e的对数 Math.PI π Math.SQRT1_2 1/2的平方根 Math.SQRT2 2的平方根方法: Math.min():求最小值 Math.max():求最大值 Math.max(1,2,3,4,5) Mat…

JavaScript -- 时光流逝（四）：js中的 Math 对象的属性和方法

JavaScript -- 知识点回顾篇(四):js中的 Math 对象的属性和方法 1. Math 对象的属性 (1) E :返回算术常量 e,即自然对数的底数(约等于2.718). (2) LN2 :返回 2 的自然对数(约等于0.693). (3) LN10 :返回 10 的自然对数(约等于2.302). (4) LOG2E :返回以 2 为底的 e 的对数(约等于 1.443). (5) LOG10E :返回以 10 为底的 e 的对数(约等于0.434). (6) PI :返回圆周率(…

使用 JavaScript 中的 window 对象执行计时操作，完成一个抽奖程序

查看本章节查看作业目录需求说明: 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序实现思路: 在 HTML 页面中放置背景图片.转盘和指针 3 张图片,并设置指针的点击事件使用 window 对象的 setInterval() 方法反复执行间歇性旋转操作,当获取旋转的度数后,调用 window 对象的 clearInterval() 方法取消间歇性旋转操作调用 window 对象的 setTimeout() 方法,在 4 秒后提示用户中奖结果实现代码…

javascript常用的Math对象的方法

简介 Math对象是在程序编程中用于执行一些数学任务的.Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),像 Math.sin() 这样的函数只是函数,不是某个对象的方法.您无需创建它,通过把 Math 作为对象使用就可以调用其所有属性和方法. 常用方法圆周率:Math.PI 绝对值:Math.abs(n) 四舍五入:Math.round(n) 向上取整:Math.ceil(n) 向下取整:Math.floor(n) 随机数:Math.round…

JavaScript中的global对象，window对象以及document对象的区别和联系

JavaScript中的global对象,window对象以及document对象的区别和联系一.概念区分:JavaScript中的global对象,window对象以及document对象 1.global对象(全局对象) <JS高级程序设计>中谈到,global对象可以说是ECMAScript中对特别的一个对象了,因为不管你从什么角度上看,这个对象都是不存在的.从某种意义上讲,它是一个终极的“兜底儿对象”,换句话说呢,就是不属于任何其他对象的属性和方法,最终都是它的属性和方法.我理解为,…

JavaScript中的事件对象

JavaScript中的事件对象 JavaScript中的事件对象是非常重要的,恐怕是我们在项目中使用的最多的了.在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含这所有与事件有关的信息.下面将会讲到DOM中的事件对象.IE中的事件对象以及跨浏览器的事件对象三个部分. 对于事件处理程序,大家可以看我的博文<JavaScript中的五种事件处理程序>. 第一部分:DOM事件对象兼容DOM的浏览器会将一个event对象传入到事件处理程序中,无论是HMTL特性.DOM0级还是…

JavaScript中创建字典对象（dictionary）实例

这篇文章主要介绍了JavaScript中创建字典对象(dictionary)实例,本文直接给出了实现的源码,并给出了使用示例,需要的朋友可以参考下对于JavaScript来说,其自身的Array对象仅仅是个数组,无法提供通过关键字来获取保存的数据,jQuery源码中提供了一种非常好的方式来解决这个问题,先看一下源码: 复制代码代码如下: function createCache() { var keys = []; function cache(key, value) { // Use (k…

Javascript学习1 - Javascript中的类型对象

原文:Javascript学习1 - Javascript中的类型对象 1.1关于Numbers对象. 常用的方法:number.toString() 不用具体介绍,把数字转换为字符串,相应的还有一个方法:toLocalString() number.toFixed(digits) 把numberl转换为小数,digits代表小数几位. 常用的与Number对应的全局函数:isNaN(vars) 判断vars是不是数字, 如…

简单使用JSON,JavaScript中创建 JSON 对象(一)

JSON:JavaScript 对象表示法(JavaScript Object Notation). JSON 是存储和交换文本信息的语法.类似 XML. JSON 比 XML 更小.更快,更易解析. 简单使用JSON 新建立json.html <html> <body> <h2> 在 JavaScript 中创建 JSON 对象 </h2> <p> Name: <span id="jname"></span…

JavaScript中的window对象

JavaScript中的window对象:http://www.cnblogs.com/kissdodog/archive/2013/01/01/2841464.html…

js：JavaScript中的ActiveXObject对象

JavaScript中的ActiveXObject对象作用: https://blog.csdn.net/pl1612127/article/details/77862174…

详解javascript中的this对象

详解javascript中的this对象前言 Javascript是一门基于对象的动态语言,也就是说,所有东西都是对象,一个很典型的例子就是函数也被视为普通的对象.Javascript可以通过一定的设计模式来实现面向对象的编程,其中this “指针”就是实现面向对象的一个很重要的特性.但是this也是Javascript中一个非常容易理解错,进而用错的特性.特别是对于接触静态语言比较久了的同志来说更是如此. 示例说明我们先来看一个最简单的示例: <script type="text/j…

javascript中如何获取对象名

javascript中如何获取对象名一.总结一句话总结:将对象传入参数,看参数是否为函数(js中的对象和函数是一个意思么(函数肯定是对象)),对象参数.name属性即可获得 //版本4 function getName(fun){ return typeof fun==='function'? undefined: fun.name||/function (.+)\(/.exec(fun + '')[1]; } //调用 function Person(){} var ps = new Pe…

【JavaScript】JavaScript中的ActiveXObject对象

JavaScript中ActiveXObject对象是启用并返回 Automation 对象的引用. 使用方法: newObj = new ActiveXObject( servername.typename[, location]) ActiveXObject 对象语法有这些部分:其中newObj是必选项.要赋值为 ActiveXObject 的变量名. servername是必选项.提供该对象的应用程序的名称. typename是必选项.要创建的对象的类型或类. location是可选…

【学习笔记】：JavaScript中的BOM对象

JavaScript中的BOM对象 BOM(Browser Object Model):浏览器对象模型. BOM可用于对浏览器窗口进行访问,但BOM没有相关的标准,所以根据浏览器的不同,其中定义的对象属性和方法可能会有所不同. BOM对象也就是我们所说的宿主对象,总共分为五类:Window.Navigator.Screen.History.Location. 一.Window对象 Window 对象表示浏览器中打开的窗口. 1.特点 Window对象是全局对象,所有的表达式都可以再当前的环境中计…

使用 JavaScript 中的 document 对象查找 HTML 元素，实现“登录”按钮的高亮特效鼠标悬浮于“登录”按钮时，按钮高亮显示；

查看本章节查看作业目录需求说明: 使用 JavaScript 中的 document 对象查找 HTML 元素,实现"登录"按钮的高亮特效鼠标悬浮于"登录"按钮时,按钮高亮显示: 鼠标离开时,按钮恢复原状. "登录"按钮初始效果如图所示鼠标悬浮时,按钮高亮显示."登录"按钮高亮显示效果如图所示实现思路: 在 window 的 onload 事件中获取一组指定 name="btnLogin" 的&q…

使用 JavaScript 中的 document 对象的属性，根据下拉框中选择的属性，更改页面中的字体颜色和背景颜色

查看本章节查看作业目录需求说明: 使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色实现思路: 在页面的 <body> 节点下加入 <h2> 节点,在 <h2> 节点下加入文本节点,显示为:更改字体颜色和背景颜色在页面的 <body> 节点下加入 <select> 节点,设置 <select> 节点的 id 属性在 <select> 节点下加入多…

javascript中的Date对象和Math对象

1.Date对象 1.创建Date对象 var time1=new Date() 方法1:不指定参数 var time1=new Date(); alert(time1.toLocaleString( )); 方法2:参数为日期字符串 var time2=new Date("2017/8/8 11:12"); alert(time2.toLocaleString( )); var time3=new Date("2016/03/20 11:12"); alert(t…

JavaScript中Date(日期对象),Math对象--学习笔记

Date对象 1.什么是Date对象? 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒). 语法:var Udate=new Date(); 注:初始值为当前时间(当前电脑系统时间). 2.Date对象常用方法: 3.Date方法实例 var newTime=new Date();//获取当前时间 var millSecond=Date.now();//当前日期转换成的毫秒数 var fullYear=newTime.getFullYear();//获取年份 var ye…

详解Javascript中的Array对象

基础介绍创建数组和Object对象一样,创建Array也有2种方式:构造函数.字面量法. 构造函数创建使用构造函数的方式可以通过new关键字来声明,如下所示: 12 var arr = new Array();console.log(arr);//[] 当然也可以不通过new关键字来声明: 12 var arr = Array();console.log(arr); //[] 如果知道数组元素的个数,也可以直接传入数字表示元素个数: 12 var arr2 = new Array(5);c…

javascript中的字符串对象和数组对象

1.javascript的对象的概念在javascript中,除了null和undefined以处,其他的数据类型都被定义成了对象也可以用创建对象的方法定义变量,string,math,array,data都是javascript中重要的内置对象. 在javascript程序大多数功能都是基于对象实现的 var aa=Number.MAX_VALUE; //利用数字对象获取可表示最大数 var bb=new String("hello world"); //创建字符串对象 var…

javascript中的字符串对象

1.javascript的对象的概念在javascript中,除了null和undefined以处,其他的数据类型都被定义成了对象也可以用创建对象的方法定义变量,string,math,array,data都是javascript中重要的内置对象. 在javascript程序大多数功能都是基于对象实现的 var aa=Number.MAX_VALUE; //利用数字对象获取可表示最大数 var bb=new String("hello world"); //创建字符串对象 var…

JavaScript 函数，math对象，Date对象序列化总结

函数函数定义 // 普通函数定义 function f1() { console.log("Hello world!"); } // 带参数的函数 function f2(a, b) { console.log(arguments); // 内置的arguments对象 console.log(arguments.length); console.log(a, b); } // 带返回值的函数 function sum(a, b){ return a + b; } sum(1, 2)…

JavaScript中数值和对象

一.创建对象并将其初始化 a.使用new创建对象和方法 <<!DOCTYPE html> <html> <head> <mete http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title>javaScript中的数组和对象</title> <script type="text/javascri…

JavaScript 常用的Math对象

Math.ceil(x); //返回x向上取整后的整数值. Math.floor(x); //返回x向下取整后的整数值.. Math.round(x); //返回四舍五入后的整数. Math.abs(x) //返回x的绝对值.传入一个非数字形式的字符串或者 undefined/empty 变量,将返回 NaN.传入 null 将返回 0. Math.log(x) //返回一个数的自然对数,如果指定的 number 为负数,则返回值为 NaN. Math.max([x[,y[,…]]]) //返回…