HTML5+CSS+JS
web前端基础技术
Echo*
养生
展开
-
jQuery入门和插件validation使用的完整实例(末尾)
jQuery的存在,是为了能够以更少的代码实现更多的功能jQuery是由JavaScript写的,可以认为就是一个强大JS文件基本语法:$(selector).action()小结:$()里的内容用来定位html中的对象,相当于完成了DOM的获取对象功能,后边的action表示一个动作,和JavaScriptDOM操作相比可以大大简化代码数量。实例:$(this).hide() - ...原创 2020-02-19 15:58:44 · 185 阅读 · 0 评论 -
JavaScript中对象的简单使用实例(String、Math、Date、Array)
String对象使用: /*JavaScript中的字符串对象,和字符串的常用方法*/ var s = "string"; /*查看目标字符串是否可以匹配一个字符串,如果可以,则返回该字符串,否则返回空*/ alert(s.match("str")); /*返回字符出现的位置*/ alert(s.indexOf("r")); /*...原创 2020-02-15 14:05:43 · 171 阅读 · 0 评论 -
JavaScript正则表达式(符号汇总)
JavaScript正则表达式功能:搜索、替换、判断JavaScript正则表达式格式:/正则表达式主体/修饰符JavaScript正则表达式的修饰符:i:忽略大小写g:全局匹配m:多行匹配JavaScript中正则表达式应用场景:搜索功能(字符串方法)search()方法参数为字符串或者是正则表达式返回结果为匹配成功的索引值,如果没有,返回-1替换功能(字符串方法)r...原创 2020-02-14 15:46:51 · 2401 阅读 · 0 评论 -
html入门基础知识与部分html5新标签和属性剖析
body标签:<body bgcolor="" background=""></body><!--注意!bgcolor属性和background属性是不一样的backgroud是设置背景图片的bgcolor是设置背景颜色的-->h1标签:<h1 align="">标题</h1><!--align属性可以用来设...原创 2019-09-20 18:40:45 · 291 阅读 · 0 评论 -
关于谷歌浏览器css样式不显示的解决方法
最近使用IntelliJ IDEA重新回顾html知识,原本使用360浏览器(360浏览器没有这个问题),现在改成使用谷歌浏览器,修改css后运行到谷歌浏览器上,发现并没有显示修改后的效果,本来以为是浏览器有不兼容的问题,后来发现原来谷歌浏览器会缓存页面的原css,直接刷新不会再加载一次css,这里使用Ctrl + F5 就可以强制刷新页面加载修改后的css,修改后的效果就会显示出来。...原创 2019-09-21 10:16:37 · 8203 阅读 · 1 评论 -
JavaScript基础知识
JavaScript打印信息语法:/*向页面答应信息,write后面要添加字符床,需要使用""标记字符串也可以输出html的标签,document.write("<h1>123</h1>");,就会在页面显示h1大小的字符串123*/document.write("");/*替换html标签,getElementById("")可以根据标签的id找到对应标签,...原创 2019-09-25 21:27:36 · 930 阅读 · 0 评论 -
css边框属性、动画属性和分列
css中设置边框:/*在css中可以给任何控件添加上边框设置边框有三个属性:border-style,border-color 和 border-width以下一一讲解功能*/ /*使用系统html提供的边框样式,double表示两条线,显示效果是一个矩形*/ border-style: double; /*顾名思义,该属性设置边框颜色*/ border-...原创 2019-09-22 20:30:38 · 265 阅读 · 0 评论 -
JavaScript中的事件和DOM操作
JavaScript中的浏览器对象:window对象:window对象指的是浏览器的当前窗口学习过JavaScript的人肯定对document不陌生,只要使用DOM操作,document一定少不了,其实document是浏览器属性window的一个属性,甚至JavaScript中所有的全局变量和属性都会自动成为window的对象。...原创 2019-09-27 22:54:31 · 369 阅读 · 0 评论 -
css选择器,背景和定位
css中比较特殊的属性选择器:/*只有带有属性且属性值匹配的控件才会选中*/[title=ptitle] { color: blueviolet;}例如:<p title="ptitle">title</p>关于背景的css样式:/*选择的标签*/ { /*height:设置高度*/ height: 900px; /*b...原创 2019-09-21 20:16:53 · 218 阅读 · 2 评论 -
JavaScript中的常用浏览器对象
JavaScript中的内置对象:<script> /*JavaScript中的字符串对象,和字符串的常用方法*/ var s = "string"; /*查看目标字符串是否可以匹配一个字符串,如果可以,则返回该字符串*/ alert(s.match("str")); /*返回字符出现的位置*/ alert(s.index...原创 2019-09-26 14:47:09 · 150 阅读 · 0 评论