在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度:1<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes"/>1、width=device-width ：表示宽度是设备屏幕的宽度2、initial-scale=1.0：表示初始的缩放比例3、minimum-scale=0.5：表示最小的缩放比例4、maximum-scale=2.0：表示最大的缩放比例5、user-scalable=yes：表示用户是否可以...
一个checkbox控制checkbox列表全选和反选 支持最新的jquery插件$(".m_log_oper_allcheck").click(function () { if ($(this).is(":checked")) { $(".m_log_check").each(function () { if (!$(this).is(":checked")) { $(this).click(); } }) } else { $(".m...
最近在学习Html5，就用JavaScript在Canvas试着绘制了一个灯笼，并作了简要的说明。具体绘制思路在页面上有说明，不再赘述，代码如下： 1 <script type="text/javascript">2//绘制椭圆 3function ParamEllipse(context, x, y, a, b) {4//max是等于1除以长轴值a和b中的较大者 5//i每次循环增加1/max，表示度数的增加 6//这样可以使得每次循环所绘制的路径（弧线）接近1像素 7var step = (a > b) ? 1 / a : 1 / b;8 conte...
The form below uses HTML form field restrictions. In order to pass this lesson, submit the form with each field containing an unallowed value. You must submit invalid values for all six fields in one form submission.1、这个习题如果直接用burp拦截提交请求后，发现Disabled input field没有被抓取到，所以就利用开发者工具将Disabled input field的“disabled”属性删掉2、利用burp拦截提交请求，并将6个输入区域(...
这段时间的工作是做一个网址导航的项目，面向用户的就是一个首页，于是就想到了使用freemarker这个模板引擎来对首页静态化。 之前是用jsp实现，为了避免用户每次打开页面都查询一次数据库，所以使用了jsp的内置对象application，在Controller中将数据都查询出来，然后放入application，最后在JSP页面使用jstl标签配合EL表达式 将数据遍历出来。这样做是从一定程度上减轻了服务器的压力和页面的响应速度，但是仍然没有静态页面响...
有话先说：本文的目的主要是向大家描述一下我们在遇见IE8版本一下以及Firefox兼容的问题。针对不同的浏览器写不同的CSS的过程，这就叫CSS hack，也叫写CSS hack，相信您会对一些比较不易解决的兼容问题有一定的兴趣。注意点： 网上很多资料中常常把!important也作为 个hack 段，其实这是 个误区。!important常常被我们 来更改样式， 不是兼容hack。造成这 个误区的原因是IE6在某些情况下不主动识别!important,以 于常常被 误 做...
刚接触了一点点用h5移动端的一点知识，用自己最浅薄的理解来看解决自适应屏幕尺寸问题和适应屏幕尺寸的布局问题。这里，为了解决自适应屏幕尺寸问题大概需要做的就是把HTML中的元素的尺寸尽可能的用百分比表示，再就是结合上vieport虚拟窗口了，一般是用到的这句话：<meta name="viewport" content="width=device-width,initial-scale=1"/>，查了一下，大概是这个意思： width:可视区域的宽度，值可...
Html&Css05：positionhtml==>结构css ==>表现js ==>行为1、定位的简介<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>body{font-size: 60px;}.box1{width: 200px;height: 200px;background-color: #bfa;}.box2{width: 200px;height: 200px;ba...
text(),html(),val().text()是设置或返回所选元素的文本内容。html()是 设置或返回所选元素内容，包含标签。val()是返回表单字段中的值。<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){$("#btn1").click(function(){alert("Text: " + $("#test").text());});$("#btn2").click(function(){alert(...
基本格式 <html><head><!--在国内我们编码一般是 gbk 或者 gb2312 俗称国标码 编程专家们，为了让网页具有更好的兼容性，设计一种码utf-8 该元素可以明确的告诉浏览器，应当使用utf-8码来显示该页面 ansi 是美国国家标准协会 制定的一套码 比如 中国 ansi -> gbk 日本 ansi 日本 -> rbr * 规定: 我们的网页本身的编码应当和 content-type 指令 的编码要一致--><meta http-equiv="content-type" content="text/html;charse...
js002-在HTML中使用JavaScript2.1 <script>元素 定义了以下6个属性 async: 可选。表示应该立即下载脚本，但不妨碍页面中的其他操作，比如下载其他资源或者等待加载其他脚本。只对外部脚本文件有效。(异步的)charset：可选。表示通过src属性指定的代码的字符集。defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行，只对外部脚本有效。IE7及其更早的版本也支持这个属性。（延迟，延期）src：可选。表示包含...
之前写html或者jsp页面，从来不注意DOCTYPE 的声明，也不太明白DOCTYPE 的作用。直到最近碰到了一个非常奇葩的bug：某一个页面在IE7和8，Chrome，ff等下正常，但是在IE9下显示有问题，我就开始找啊找，各种调试，终于在httpWatch里边找到了答案：DOCTYPE未声明。于是我给页面添加了<!DOCTYPE html>,果然奏效了。 下面我就尽可能简洁扼要的说一下DOCTYPE的作用和用法。 1作用：声明文档的解析类型(document.compatMode)，避免浏览器...
我解决的办法，在父页面写了个函数，然后在frame页面调用父页面的函数，具体代码如下：父：function a(){}子frame：window.parent.a();问题迎刃而解 参考1：http://m.php.cn/article/383528.html参考2：https://www.jb51.net/article/116273.htm原文：https://www.cnblogs.com/pecool/p/9192679.html
1、段落换行 在 Html 中，关于段落换行，是我们经常遇见的问题，那么正如我下图没加换行代码所示： 在网页上的显示的样式，是这样的： 你可以看见，原本的样式，不会自动换行。在 div 中，加入一个样式，就可以实现自动换行了。具体 CSS 样式如下：#count{word-wrap: break-word; word-break: normal;color:rgb(53,73,94);}引用样式的代码示例，就可以实现自动换行了。 原文：http://www.cnblogs.com/gzbit-zxx/p/6759614...
效果如下：代码下载：http://files.cnblogs.com/files/zjfree/yun_loading.rar原文：http://www.cnblogs.com/zjfree/p/5379369.html