HTML DOM对象的属性和方法介绍(原生JS方法)

HTML DOM对象的属性和方法介绍DOM 是 Document Object Model(文档对象模型)的缩写。DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口),它允许程序和脚本动态地访问和更新文档的内容,结构和样式。W3C DOM 标准被分为 3 个不同的部分:核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模型HTML
阅读本文

js一定要放在body的最底部么?聊聊浏览器的渲染机制

今天看了一篇前段大全推送的“js一定要放在body的最底部么?聊聊浏览器的渲染机制”。正好今天在《javascript Dom 编程艺术》上看到有说,<script>标签应该放在body的底部,所以就很有兴趣点进去学习了。 学习了几个概念:1.DOM:Document Object Model,浏览器将HTML解析成树形的数据结构,简称DOM.2.CSSOM:CSS Object Model,浏览
阅读本文

Django【基础篇】

Python的WEB框架有Django、Tornado、Flask 等多种,Django相较与其他WEB框架其优势为:大而全,框架本身集成了ORM、模型绑定、模板引擎、缓存、Session等诸多功能。基本配置一、创建django程序终端命令:django-admin startproject sitenameIDE创建Django程序时,本质上都是自动执行上述命令其他常用命令:  python m
阅读本文

表单验证--通过原生js模仿ajax的异步交互

今天给大家带来个福利,我也是刚刚学习的很实用的一个东西,通过原生js模仿ajax的异步交互。我的博客只是给那些新手看的大神勿喷,写的不好可留言,请指出。因为当初自己学的时候一个问题不会找人问,知道初学者都不容易,所以我在我的博客中分享自己的学习经验,以及一些好玩的东西!!废话不多说开始吧:还是从最初讲:表单:html+css+js先是HTML:表单表单HTML代码:        姓名:
阅读本文

mui开发app之plusReady

在mui中使用$.plusReady()或者mui.plusReady()使用类似于jquery中的$(document).ready();第一,啥是plusReady?在app开发中,若要使用HTML5+扩展api,必须等plusready事件发生后才能正常使用,mui将该事件封装成了mui.plusReady()方法,涉及到HTML5+的api,建议都写在mui.plusReady方法中。 第
阅读本文

js自定义流加载

<%@ page language=“java“ import=“java.util.*“ pageEncoding=“UTF-8“%> <%@ taglib prefix=“c“ uri=“http://java.sun.com/jsp/jstl/core“ %> <% String path = request.getContextPath(); String basePath = requ
阅读本文

JS手风琴特效

<br/> *{<br/> margin:0;<br/> padding:0;<br/> }<br/> .wrapper{<br/> width: 938px;<br/> height: 128px;<br/> border: 1px solid #d3d3d3;<br/> } <br/> .wrapper li{<br/> width: 1
阅读本文

HTML实现遮罩层的方法 HTML中如何使用遮罩层

这篇文章主要为大家详细介绍了HTML实现遮罩层的方法,Web页面中使用遮罩层,可防止重复操作,那么如何在HTML中使用遮罩层?感兴趣的小伙伴们可以参考一下。Web页面中使用遮罩层,可防止重复操作,提示loading;也可以模拟弹出模态窗口。实现思路:一个DIV作为遮罩层,一个DIV显示loading动态GIF图片。在下面的示例代码中,同时展示了如何在iframe子页面中调用显示和隐藏遮罩层。示例代
阅读本文

Jquery实战1:概述,环境准备及入门实例

jQuery是一套跨浏览器的JavaScript函数库,简化HTML与JavaScript之间的操作。由约翰·雷西格(John Resig)在2006年1月的BarCamp NYC上发布第一個版本。目前是由Dave Methvin领导的开发团队进行开发。全球前10,000个访问最高的网站中,有65%使用了jQuery,是目前最受欢迎的JavaScript函数库。jQuery的特点:Write le
阅读本文

CSS响应式

通过媒体查询当浏览器宽小于600px时执行。<!doctype html> <html> <head> <meta charset=“utf-8“> <meta name=“viewport“ content=“width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no“> <title>CSS响应式</title>
阅读本文

HTML DOM对象的属性和方法介绍

HTML DOM对象的属性和方法介绍DOM 是 Document Object Model(文档对象模型)的缩写。DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口),它允许程序和脚本动态地访问和更新文档的内容,结构和样式。W3C DOM 标准被分为 3 个不同的部分:核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模型HTML
阅读本文

js 常用脚本

1.判断电话号码和手机号码 var tel = $(“#tel“).val(); if (isNotBlank($.trim(tel))) { //不为空的情况下判断符合手机号码标准 if (!(/^1(3|4|5|7|8)d{9}$/.test(tel))) { //不为空的情况下判断符合电话号码标准 if (!/^((d{3,4})|d{3,4}-|s)?d{7,14}
阅读本文

css 遮罩层

<!DOCTYPE html> <html lang=“en“> <head> <meta name=“viewport“ content=“width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no“> <meta charset=“UTF-8“> <title>document</title> <
阅读本文

HTML中引入CSS的方法

1.行内式           行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。 2.嵌入式           嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下:         <head>        <style type=“text/css“>
阅读本文

localStorage的黑科技-js和css缓存机制

一、发现黑科技的起因  呵呵,以下勾起了我侦探的欲望。页面加载后的异常点就是只加载了一个js,如下图所示: 我很诧异,为什么已经开启了Disable cache,js只加载了一个,而且体积这么小。接着,我按住Ctrl+O进行资源文件查找,发现我被“忽悠”了。其实根本就不止一个js文件。 脑袋里灵光一闪,不会是用localStorage做了缓存吧?!赶紧看了下localStronge,还真是。。。。
阅读本文

前端之旅HTML与CSS篇之a便签中放入其他块元素会撑大高度的原因

原因:a元素下有一个匿名文本,这个文本外有一个匿名行级盒子,它有的默认vertical-align是baseline的,而且往往因为上文line-height的影响,使它有个line-height,从而使其有了高度,因为baseline对齐的原因,这个匿名盒子就会下沉,往下撑开一些距离,所以把a撑高了。解决办法一是消除掉匿名盒子的高度,也就是给a设置line-height:0或font-size:
阅读本文

html+css学习问题点01

(1)工具栏宽度不设置默认占一整行,在版心中有左右两部分其宽度由内容决定,按照下图左边来写的话,当浏览器缩小到一定程度时会出现空白格。改成下图右边方法后,此问题就解决了。(2)dropdown是li的类名,shortcut是li的父级,左边由于权重计算问题dropdown里的padding-right就会被层叠掉,右边修改后就能实现dropdown中的padding效果了。 (3)i,s,em三个
阅读本文