CSS3前端常用效果

颜色渐变的动画效果:transition:color 0.4s;-moz-transition:color 0.4s;-webkit-transition:color 0.4s;-o-transition:color 0.4s;0.4s为变化时间,可以更具情况修改,一般使用在a标签上。下拉菜单常用的高度变化效果:height:0;overflow: hidden;transition: height 0.4s;-moz-transition: height 0.4s...

阅读全文

Javascript中eval函数的使用方法

JavaScript中的eval()函数是全局对象的函数属性,eval()函数的参数是一个字符串,如果字符串表示表达式,则eval()计算表达式。如果参数表示一个或多个JavaScript语句,则eval()会对语句进行求值。我们来看eval函数的基本语法:eval(string)String:表示JavaScript表达式,语句或语句序列的字符串。表达式可以包括现有对象的变量和属性。返回值:使用eval()函数返回给定代码的值;如果值为空,则返回undefined。我们来看具体的示例代码如下<!DOCTYPE html><...

阅读全文

JS判断手机访问跳转到手机站

这里提供了六种让手机端访问网站跳转到手机端的方法:第一种:<script>    if(navigator.platform.indexOf('Win32')!=-1){     //pc        //window.location.href="电脑网址";     }...

阅读全文

css和javascript让导航跟随窗口一起滚动

制作前端页面效果的时候我们经常需要导航一直紧贴浏览器上面窗口,这样可以让我们下拉到哪里都可以随时看到导航菜单并点击,今天这里给大家两种实现的方法1.css实现.nav{width:100%;height:36px;position: fixed;z-index:99999;}直接使用position属性,值设置为fixed,这样导航就能一直紧贴窗口上面,z-index是防止其他层遮挡而设置的非常大2.javasciprt实现<script>$(window).scroll(function(){var Ntop&...

阅读全文

html中的iframe标签用法

iframe是一个内联框架,可以在当前HTML页面中嵌入另一个文档,一般情况下使用iframe直接在页面嵌套iframe标签再指定src就可以了有人说,iframe是能耗最高的一个元素,尽量减少使用。也有人说,iframe的安全性太差,尽量减少使用。虽然他们说的是真的,但是iframe的强大功能是不容忽视的,而且现在不乏公司正在使用它。<iframe>标签规定一个内联框架。一个内联框架被用来在当前HTML文档中嵌入另一个文档。所有的主流浏览器都支持<iframe>标签。你可以把提示的文字放到<iframe>和...

阅读全文

html中的autocomplete属性详解

在HTML可以使用autocomplete属性来实现自动完成。它一般可用于<input>元素中,将文本或数值作为输入的元素。autocomplete允许开发人员指定用户代理必须在填写表单字段值时提供自动帮助的权限,以及向浏览器提供有关字段中预期信息类型的指导autocomplete属性介绍:autocomplete属性表示输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,建议值的来源通常取决于浏览器;通常是来自用户输入的过去值,但它们也可能来自预先配置的值。例如,浏览器可能会让用户保存其姓名,地...

阅读全文

html中base标签的作用是什么

作用:为页面上的所有链接规定默认地址或默认目标,是一种表达路径和连接网址的标签。说明:通常情况下,浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。使用<base>标签可以改变这一点。浏览器随后将不再使用当前文档的URL,而使用指定的基本URL来解析所有的相对URL。这其中包括<a>、<img>、<link>、<form>标签中的URL。注释:在HTML中,<base>标签没有结束标签;在XHTML中,<base>标...

阅读全文

Javascript中let与var的区别

一:变量提升与否1:var:console.log(a); // undefinedvar a = 'abc';// 这段代码实际执行顺序是:var a;  //变量声明提升至当前作用域顶部console.log(a);a = 'abc';2:let:console.log(a); // 报错: a is not definedl...

阅读全文

javascript冒泡事件详解和防止冒泡事件的方法

js冒泡和捕获是事件的两种行为,使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件的进一步传播。使用event.preventDefault()可以取消默认事件防止冒泡和捕获w3c的方法是e.stopPropagation(),IE则是使用e.cancelBubble=truestopPropagation也是事件对象(Event)的一个方法,作用是阻止目标元素的冒泡事件,但是会不阻止默认行为。什么是冒泡事件?如在一个按钮是绑定一个”click”事件,那么”click”事件会依次在它的父级元素中被触发。stopPro...

阅读全文

javascript之prototype原型对象

一、理解prototype我们创建的每一个函数都有一个prototype属性,这个属性是一个指向对象的指针。构建对象中有一种模式叫做原型模式,意思是将对象实例所不可共享的属性及方法定义在构造函数中,而将可共享的属性及方法放在原型对象中,也就是prototype指向的对象中。以下是用原型模式创建的一个对象:<script>function person(name, age){this.name = name;this.age = age;}person.prot...

阅读全文