网站前端开发
关注
分享
扫一扫
HTML5+CSS6+JavaScript
陆老师Peter
高校计算机专业教师、项目经理、软件研发负责人。
展开
-
网络上复制网页文字的方法
以百度文库为例：怎么办？方法如下：1.按F12打开调试页面。2.点击右上角的“设置”。3.往下拉，找到“Debugger”，勾选“Disable JavaScript”后，不要关闭窗口，这样我们就可以随意的复制文字啦。...原创 2021-07-28 18:04:38 · 6229 阅读 · 1 评论 -
HTML&CSS常用单词及音标（下）
count英 [kaʊnt] 美 [kaʊnt]infinite英 [ˈɪnfɪnət] 美 [ˈɪnfənɪt]alternate英 [ɔ:lˈtɜ:nət] 美 [ˈɔ:ltərnət]state英 [steɪt] 美 [stet]mode英 [məʊd] 美 [moʊd]pause英 [pɔ:z] 美 [pɔz]running英 [ˈrʌnɪŋ] 美 [ˈrʌnɪŋ]flat英 [flæt] 美 [flæt]preserve英 [prɪˈzɜ:v] 美 [prɪˈzɜ:rv]scre转载 2021-06-10 23:23:44 · 332 阅读 · 0 评论 -
HTML&CSS常用单词及音标 (上)
target 英[ˈtɑ:gɪt] 美 [ˈtɑ:rgɪt]scrolling英 [sk’rəʊlɪŋ] 美 [sk’roʊlɪŋ]padding英 [ˈpædɪŋ] 美 [ˈpædɪŋ]margin英 [ˈmɑ:dʒɪn] 美 [ˈmɑ:rdʒən]reversed英 [rɪ’vɜ:st] 美 [rɪ’vɜ:st]width英 [wɪdθ] 美 [wɪdθ, wɪθ, wɪtθ]align英 [əˈlaɪn] 美 [əˈlaɪn]cursor英 [ˈkɜ:sə®] 美 [ˈkɜ:rsə®]转载 2021-06-10 23:21:47 · 662 阅读 · 0 评论 -
HTML常用标记（完整版）
前端：1.HTML2.CSS3.JavaScript（JS）动态URL：统一资源定位符HTML常用标记：1.文档结构标记（1）文档标记：<HTML>…</HTML>（2）头部标记：<HEAD>…</HEAD>（3）标题标记：<TITLE>…</TITLE>（4）主体标记：<BODY>…</BODY>2.格式标记（1）段落标记：<p>…</p>（2）换行标记：原创 2021-06-02 09:16:48 · 20197 阅读 · 4 评论 -
html中的reset（重置）按钮
html中button标签reset用法邓彪1022 2018-03-22 11:03:43 16334 收藏 1分类专栏： HTML CSS JavaScript 文章标签： html版权reset是input的一个类型，而input必须与form一起用才有效果。比如<form><input type="text" value="" /><button type="reset" value="重置按钮"></button></f..原创 2021-05-31 10:10:01 · 19812 阅读 · 0 评论 -
html表单元素的colspan和rowspan
colspan和rowspan这两个属性用于创建特殊的表格。colspan用来指定单元格横向跨越的列数：colspan就是合并列的，colspan=2的话就是合并两列。rowspan用来指定单元格纵向跨越的行数：rowspan就是用来合并行的，比如rowspan=2就是合并两行，rowspan通常使用在td和th标签中 row:行,span:跨度,跨距,范围 col:列,span:跨度,跨距,范围<body><table border="1" width="300"&转载 2021-05-25 15:33:51 · 2400 阅读 · 0 评论 -
target属性
英[ˈtɑːgit]美[ˈtɑrgɪt]n.对象,目标vt.定指标;定为目标原创 2021-05-24 08:47:43 · 337 阅读 · 0 评论 -
mailto什么读？
这是两个词['meil tə] 后面部分弱读，意思是“寄往”原创 2021-05-24 08:16:09 · 377 阅读 · 0 评论 -
href 什么读？
hrefhref是Hypertext Reference的缩写。意思是指定超链接目标的URL。href 属性的值可以是任何有效文档的相对或绝对URL，包括片段标识符和JavaScript代码段。怎么读：[ˈhaɪ.ɹef]，有时 [χ̍.ˈɹef]。H refh ref赫尔夫hy-refher抚和瑞夫喝refhref 是一个个字母念的，因为基本上不用念，都直接说“链接”、“指向”。嗨Rai夫喝日呃佛哈尔夫href 念字母核ruai福像.原创 2021-05-20 11:08:27 · 7999 阅读 · 2 评论 -
JavaScript(6)——JS除错与调试
如果JavaScript中的代码有语法错误，浏览器会弹出报错信息，查看报错信息就能帮助排查错误。JavaScript的调试，使用VS可以很方便的进行JavaScript的调试，调试时需要注意几点：IE6的调试选项要打开，Internet选项→高级，去掉“禁用脚本调试”前的勾选（见下图）。 以调试方式运行网页。 设置断点、监视变量等操作和C#一样。 在vs中，JavaScript代码跟C...原创 2019-08-11 23:30:07 · 171 阅读 · 0 评论 -
JavaScript(5)——JS的变量
JavaScript中即可以使用双引号声明字符串，也可以使用单引号声明字符串。主要是为了方便和html集成，避免转义符的麻烦。JavaScript中有null、undefined两种。null表示变量的值为空；undefined则表示变量还没有指向任何的对象，未初始化。两者的区别参考资料。JavaScript是弱类型，声明变量的时候无法：int i=0；只能通过var i=0;声明变量，和...原创 2019-08-11 23:18:12 · 121 阅读 · 0 评论 -
JavaScript(7)——判断变量初始化
JavaScript中判断变量、参数是否初始化的三种方法： var x; if (x == null) { alert("null"); } if (typeof (x) == "undefined") { alert('undefined'); } ...原创 2019-08-11 23:34:07 · 494 阅读 · 0 评论 -
DOM(3)——动态设置事件
可以在代码中动态设置事件响应函数，就像.Net中btn.Click+=一样。 function f1() { alert("1"); } function f2(){ alert("2"); }<input type="button" onclick="document.on...原创 2019-08-15 12:38:52 · 163 阅读 · 0 评论 -
DOM(2)——事件
事件：<body onmousedown="alert('哈哈')">当点击鼠标的时候执行onmousedown中的代码。有的时候事件响应的代码太多，就放到单独的函数中： <script type="text/javascript"> function bodymousedown() { alert("网页被点坏了，赔吧！...原创 2019-08-15 11:13:21 · 189 阅读 · 0 评论 -
DOM(1)——DOM入门
1. 学习内容：使用JavaScript操作Dom进行DHTML开发。2. 学习目标：能够使用JavaScript操作Dom实现常见的DHTML效果。3. DHTML ：动态的HTML。DHTML本身不是一种语言，它是HTML、CSS和JavaScript三种语言的集合。作用：使用JavaScript去控制HTML如何显示，控制HTML和CSS。4. CHTML ：1、DOM就是H...原创 2019-08-15 11:01:13 · 334 阅读 · 0 评论 -
JavaScript(4)——事件
在超链接的点击里执行JavaScript：<a href="javascript:alert(88)">发发</a>JavaScript中也有事件的概念，当按钮被点击的时候也可以执行JavaScript：<input type="button" onclick="alert(99)" value="久久"/>只有超链接的href中的JavaS...原创 2019-08-11 23:11:20 · 128 阅读 · 0 评论 -
JavaScript(3)——JS入门
<script type="text/javascript"> alert(new Date().toLocaleDateString()); </script>1. </script> <script language="....>已经不推荐使用。2. JavaScript代码放到<script>标签中...原创 2019-08-11 02:20:59 · 136 阅读 · 0 评论 -
JavaScript(2)——JS的开发环境
VS中JavaScript、JQuery的自动完成功能：在VS2010中直接有，VS2008需要安装VisualStudio 2008SP1（http://www.microsoft.com/downloads/details.aspx?displaylang=zh-cn&familyid=27673c47-b3b5-4c67-bd99-84e525b5ce61）和VS90SP1-KB95...原创 2019-08-11 02:11:49 · 217 阅读 · 0 评论 -
JavaScript(1)——什么是JavaScript
首先说一下学习JavaScript的目标：掌握JavaScript语法，为Dom编程和JQuery打基础。====================================================================1. HTML只是描述网页长相的标记语言，没有计算、判断能力，如果所有计算、判断（比如判断文本框是否为空、判断两次密码是否输入一致）都放到服务器端执行...原创 2019-08-11 02:07:14 · 245 阅读 · 0 评论 -
HTML 表单元素
本章描述所有 HTML 表单元素。<input> 元素最重要的表单元素是<input>元素。<input> 元素根据不同的type属性，可以变化为多种形态。注释：下一章讲解所有 HTML 输入类型。<select> 元素（下拉列表）<select>元素定义下拉列表：实例<select na...转载 2019-08-19 21:58:51 · 134 阅读 · 0 评论 -
HTML、JS的压缩
1、HTML、JavaScript的压缩和混淆。去掉空格、缩短变量名，让js、html尺寸更小，提高下载速度。2、HTML、JS压缩、混淆有动态和静态两种方案。HTML压缩器，比如HTML Compress；JavaScript压缩工具：Google Closure Compiler、YUI Compressor 等。3、很多js库都提供了.min.js、compress.js的压缩版本。...原创 2019-08-19 21:09:18 · 633 阅读 · 0 评论 -
正则表达式(4)——案例：金额文本框
1、财务相关系统中涉及到金额的文本框有如下要求：进入金额文本文本框不使用中文输入法； 不能输入非数字； 焦点在文本框中时文本框左对齐；焦点离开文本框时文本框右对齐，显示千分位。2、禁用输入法：style="ime-mode:disabled"3、禁止键入非法值，只有这些才能被键入(k == 9) || (k == 13) || (k==46)||(k==8)||(k==189)||(...原创 2019-08-19 21:05:43 · 327 阅读 · 0 评论 -
正则表达式(3)——案例：回车实现Tab跳转，超链接的单选效果，表格隔行变色，回车键跳转
1、案例1：回车实现Tab跳转。响应文本框的onKeyDown事件，window.event.keyCode获得用户点击的keyCode。keyCode和ASCII不是完全一致，主键盘的1和小键盘的1的ASCII一样，但是keyCode不一样。回车的keyCode为13，Tab的keyCode为9。if(window.event.keyCode == 13){window.event.keyCod...原创 2019-08-19 20:57:00 · 327 阅读 · 0 评论 -
正则表达式(2)——string的正则表达式方法
1、Replace match2、String对象中提供了一些与正则表达式相关的方法，相当于对于RegExp类的包装，简化调用： var s = "aaa@163.com"; var regex = /(.+)@(.+)/; var match = s.match(regex); alert(RegExp.$1 + "，服务...原创 2019-08-19 20:45:17 · 190 阅读 · 0 评论 -
JavaScript(8)——函数的声明
JavaScript中声明函数的方式：//方法的声明function add(i1, i2) { //代码风格，JavaScript承袭了Java的特性，起始大括号跟在方法名之后，而C#中的起始大括号是独占一行。 return i1 + i2; }int add(int i1,int i2) //C#写法不需要声明返回值类型、参数类型。函...原创 2019-08-11 23:39:57 · 210 阅读 · 0 评论 -
html元素——表单元素及实用属性
一、常用表单元素<form>:定义供用户输入的表单。<fieldset>:定义域。即输入区加有文字的边框。<legend>：定义域的标题，即边框上的文字。<label>：定义一个控制的标签。如输入框前的文字，用以关联用户的选择。<input>:定义输入域，常用。可设置type属性，从而具有不同功能。见详解。<...转载 2019-08-20 22:03:03 · 565 阅读 · 0 评论 -
正则表达式(21)——UBB代码
UBB代码是HTML(标准通用标记语言下的一个应用)的一个变种，是Ultimate Bulletin Board (国外的一个BBS程序)采用的一种特殊的TAG。您也许已经对它很熟悉了。UBB代码很简单，功能很少，但是由于其Tag语法检查实现非常容易，所以不少网站引入了这种代码，以方便网友使用显示图片/链接/加粗字体等常见功能。定义所谓UBB代码，是指论坛中的替代HTML代码的安全代码。...转载 2019-08-26 17:55:34 · 454 阅读 · 0 评论 -
DOM(11)——修改样式
1、用JavaScript修改样式有两种方法：一种是className，另一种是style 。2、易错：修改元素的样式不是设置class属性，而是className属性。案例：网页开关灯的效果。3、修改元素的样式不能this.style="background-color:Red"。4、易错：单独修改样式的属性使用“style.属性名”。注意在css中属性名在JavaScript中操作...原创 2019-08-18 14:32:45 · 438 阅读 · 0 评论 -
DOM(10)——this
事件中的this。除了可以使用event.srcElement在事件响应函数中，this表示发生事件的控件。只有在事件响应函数中才能使用this获得发生事件的控件，在事件响应函数调用的函数中不能使用，如果要使用则要将this传递给函数或者使用event.srcElement。this和event.srcElement的语义是不一样的，this就是表示当前监听事件的这个对象，event.srcE...原创 2019-08-18 10:49:17 · 269 阅读 · 0 评论 -
DOM(9)——事件冒泡
事件冒泡：如果元素A嵌套在元素B中，那么A被点击不仅A的onclick事件会被触发，B的onclick也会被触发。触发的顺序是“由内而外” 。验证：在页面上添加一个table、table里有tr、tr里有td，td里放一个p，在p、td、tr、table中添加onclick事件响应。 <table onclick="alert('table onclick');"> ...原创 2019-08-18 10:39:13 · 172 阅读 · 0 评论 -
DOM(8)——DOM的动态创建，innerText、innerHTML、value，浏览器兼容性问题
1、document.write只能在页面加载过程中才能动态创建。2、可以调用document的createElement方法来创建具有指定标签的DOM对象，然后通过调用某个元素的appendChild方法将新创建元素添加到相应的元素下。 function showit() { var divMain = document.getElement...原创 2019-08-18 10:34:19 · 363 阅读 · 0 评论 -
DOM(7)——document的属性、方法
一、document的属性document是window对象的一个属性，因为使用window对象成员的时候可以省略window.，所以一般直接写document 。二、document的方法：1、write：向文档中写入内容。writeln，和write差不多，只不过最后添加一个回车。<input type="button" value="点击" onclick="d...原创 2019-08-16 22:41:28 · 1031 阅读 · 0 评论 -
JavaScript(11)——String对象
length属性； charAt方法；取第几个字符。 indexOf 查出某子字符串在字符串中的索引（第一个字符的下标）。 lastIndexOf 从后往前找。找出子字符串最后一次出现的索引。 Substr(start,length) 从字符串中截取出一段子字符串。start是开始的索引，length是子字符串的长度。 substring(start,end) 从字符串中截取...原创 2019-08-12 21:42:14 · 162 阅读 · 0 评论 -
JavaScript(10)——JS面向对象基础
JavaScript中没有类的语法，是用函数闭包（closure）模拟出来的，下面讲解的时候还是用C#中的类、构造函数的概念，JavaScript中String、Date等“类”都被叫做“对象”，挺怪，方便初学者理解，不严谨。JavaScript中声明类（类不是类，是对象）： function Person(name,age) { this.name =...原创 2019-08-12 21:32:34 · 388 阅读 · 0 评论 -
JavaScript(9)——匿名函数
var f1 = function(i1, i2) { return i1 + i2; } alert(f1(1,2)); //这里的f1相当于C#里的委托，相当于C++里的指针。类似于C#中的匿名函数。这种匿名函数的用法在JQuery中的非常多。alert(function(i1, i2) { return i1 + i...原创 2019-08-12 21:13:08 · 152 阅读 · 0 评论 -
DOM(6)——window对象的属性
1、window.location.href='http://www.itcast.cn'，重新导向新的地址，和navigate方法效果一样。window.location.reload() 刷新页面。2、window.event是非常重要的属性，用来获得发生事件时的信息，事件不局限于window对象的事件，所有元素的事件都可以通过event属性取到相关信息。类似于winForm中的e(Eve...原创 2019-08-16 16:53:13 · 304 阅读 · 0 评论 -
JavaScript(12)——Array对象
JavaScript中的Array对象就是数组，首先是一个动态数组（长度可以自动的增长），而且是一个像C#中数组、ArrayList、Hashtable等的超强综合体。 var names = new Array(); names[0] = "tom"; names[1] = "jerry"; names[2] = "lily";...原创 2019-08-12 21:46:27 · 245 阅读 · 0 评论 -
DOM(4)——window对象
window对象代表当前浏览器窗口，使用window对象的属性、方法的时候可以省略window，比如window.alert('a')可以省略成alert('aa')。(1)alert方法，弹出消息对话框。(2)confirm方法，显示“确定”、“取消”对话框，如果按了【确定】按钮，就返回true，否则就false 。 if (confirm("是否继续？"...原创 2019-08-15 23:29:16 · 323 阅读 · 0 评论 -
常见的表单元素有哪些？各有什么属性？
常见的表单元素有哪些？各有什么属性？1.背景介绍表单元素是允许用户在表单中输入信息的元素。随着时代的改变和互联网的发展，表单的使用越来越广泛。2.知识剖析（1）什么是表单表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选...转载 2019-08-20 22:22:13 · 8589 阅读 · 0 评论 -
HTML5实现输入密码（六个格子）
思路：用六个li充当六个格子，同时将input框隐藏，点击承载六个格子的容器时，使焦点聚焦在input上，可以输入。通过监听input框输入的长度，控制格子内小黑点是否显示，同时用正则替换非数字。因为是用vue开发，并不是所有人粘贴就能使用，不过思路和实现过程都很简单明了。下面是贴代码：html部分<div id="payPwd"> <div style...转载 2019-08-20 22:21:06 · 3610 阅读 · 0 评论