HTML+CSS+JS
Android_la
Java入门到进阶级别
展开
-
使用layui实现从商品展示跳转到商品详情页,上一页html跳转到另外一页html,前端值在页面之间的传递
一. 问题背景 点击商品展示页,能另外打开新标签跳转到商品详情页,效果如下: 前台:使用到的页面全是html没有jsp,所以这里是在html之间传值,从商品展示页传递商品id到商品详情页 二. 解决方案 2.1 思路 给<a>绑定onclick事件 定义一个处理跳转的函数 2.2 关键代码 最最最最最关键的是window.open('xxxxxxxxxxxxx.htm...原创 2020-03-23 15:40:44 · 5898 阅读 · 0 评论 -
Day6_HTML+CSS+JS——dom4j
一. 储备知识 1.1 XML解析 XML解析是指通过解析器读取XML文档,解释语法,并将文档转化成对象 对XML的一切操作都是由解析开始的,所以解析非常重要 Java平台同时提供了DOM(Document Object Model)和 SAX(Simple API for XML) 1.2 dom4j dom4j是一个开源的解析包 dom4j是一个非常优秀的Java XML API,具有性...原创 2019-08-12 16:43:29 · 147 阅读 · 0 评论 -
Day6_HTML+CSS+JS——事件冒泡
一. 储备知识 事件的冒泡,其实就是事件的向上传导的过程。给有层级关系的标签绑定相同的事件,js中事件默认会冒泡。阻止事件的冒泡,就是return false;。 二. 例子 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</...原创 2019-08-12 15:44:01 · 132 阅读 · 0 评论 -
Day6_HTML+CSS+JS——jQuery函数和window_onload的区别
一. 储备知识 两者的区别在src上面 window.onload是会等页面内所有标签加载完成且要引入src资源也全部加载完成,才会执行。即标签加载完成但是src资源还没有全部加载完成,那么也是不会执行window.onload 一个页面只能使用一次window.onload $(function(){}),当页面中所有标签被加载完成就立即被执行,不会等待src引入的资源 在一个页面中可以使用多...原创 2019-08-12 15:10:38 · 106 阅读 · 0 评论 -
Day6_HTML+CSS+JS——JQuery核心函数的四个作用
一. 储备知识 $是jQuery的核心函数,jQuery的核心功能都是通过这个函数实现的。 $的四个作用: 作用 $(function(){}) 相当于window.onload = function() {} $(“html字符串”) 根据这个html字符串创建元素节点对象 $(“选择器”) 根据选择器查找元素节点对象 $(DOM对象) 将DOM对象包装为jQuer...原创 2019-08-12 14:41:05 · 161 阅读 · 0 评论 -
Day6_HTML+CSS+JS——JQuery简介
一. 储备知识 JQuery,其实就是一个JavaScript库,本质是一个js文件 JQuery的使用: JQuery实际就是一个js文件,只需要在网页中直接引入这个文件就可以了 在开发测试时,用的是未压缩的版本:jquery-xxx.js(xxx为版本号) 在上线的项目中,会使用压缩后的版本:jquery-xxx.min.js 二. 例子 <!DOCTYPE html> <...原创 2019-08-12 11:56:45 · 152 阅读 · 0 评论 -
Day6_HTML+CSS+JS——dom标准+document的三个方法
一. 储备知识 DOM,(Document Object Model)文档对象模型。DOM定义了访问和处理HTML文档的标准方法。 HTML的作用: HTML是关于如何获取、修改、添加或删除 HTML元素的标准 HTML DOM标准: HTML文档中的所有内容都是节点 整个文档都是一个文档节点 document 每个HTML元素是元素节点 HTML元素内的文本是文本节点 每个HTML属性是属性节...原创 2019-08-12 11:37:01 · 192 阅读 · 0 评论 -
Day6_HTML+CSS+JS——JS代码嵌入方式
一. 储备知识 浏览器加载顺序: 由上到下的顺序加载 用到script标签先执行脚本程序,执行完成后再继续加载(所以才经常有了window.load事件,作用是当html页面全部加载完成后,再执行window.load事件里面的程序) JS代码嵌入方式: 嵌入到标签的属性中(不推荐使用) <button onclick="alert('hello');">点我</butt...原创 2019-08-12 10:16:04 · 152 阅读 · 0 评论 -
Day6_HTML+CSS+JS——JS事件驱动
一. 储备知识 JS将用户的行为和系统发生的事情都封装为事件,便于处理。 一个事件发生,会涉及到几个内容:事件源、事件、事件对象和事件处理程序。 内容 作用 事件源 产生事件的地方(html元素) 事件 点击、鼠标操作、键盘操作等等 事件对象 当某个事件发生时,可能会产生一个事件对象,该事件对象会封装好该事件的信息(如事件源),传递给事件处理程序 事件处理程序 响应用户...原创 2019-08-12 09:55:27 · 121 阅读 · 0 评论 -
Day5_HTML+CSS+JS——JS函数(重点:函数的返回值与函数引用之间的区别)
一. 储备知识 JS函数的注意点: 通过关键字function声明函数 js匿名函数创建时,需要使用变量接收函数的引用(js函数的本质也是一个对象),接收函数的变量相当于函数的方法名 js函数在调用时,js引擎不会检查传入参数的个数,自动从前向后匹配使用 如果传入的参数不够,进行加法运算时会报出NAN(not a number) ‘+’如果有字符串,会自动拼接 ‘+ true’,true将当作1...原创 2019-08-11 13:30:03 · 180 阅读 · 0 评论 -
Day5_HTML+CSS+JS——JS变量(重点:静态创建对象)
一. 储备知识 JS代码写在哪里? 写在script标签内(html引擎解析script标签时,会将内部的内容交给浏览器的js引擎解析) 写在js文件内 JS注意点: js代码在html页面中必须写在script标签内 js语句也是以;结束 js注释和Java注释一样 js是弱类型语言,js变量在声明时不需要指定数据类型 js所有变量都是通过关键字var声明 js变量的类型随着值的改变而改变...原创 2019-08-11 12:56:52 · 93 阅读 · 0 评论 -
Day5_HTML+CSS+JS——RGB三原色
一. 储备知识 RGB三原色通常用十六进制来表示。 十六进制表示法:CSS中的颜色用三组两位的十六进制的数字表示。范围是#000000~#ffffff R:red代表红色,占两位,#ff0000 G:green代表绿色,占两位,#00ff00 B:blue代表蓝色,占两位,#ff0000ff 所以RGB的十六进制表示总共有6位。 十进制表示法:rgb(0, 0, 0)~ rgb(255, 25...原创 2019-08-11 12:42:00 · 1027 阅读 · 0 评论 -
Day5_HTML+CSS+JS——CSS基本语法和CSS选择器
一. 储备知识 CSS语法 CSS规则主要由两个主要的部分构成:选择器和声明 selector{ declaration1; declaration2; declaration3; ... } 注意: CSS代码只能写在文件中 html页面如果要书写CSS代码,html提供了style标签,当html引擎解析到此标签的时候自动会将标签内的内容交给CSS引擎解析 由于style标...原创 2019-08-11 12:26:18 · 172 阅读 · 0 评论 -
Day4_HTML+CSS+JS——单选按钮、复选框、下拉列表、文件表单项和隐藏表单项
一. 储备知识 radio单选按钮: 由于用户不能输入内容,所以必须设置value值 多个单选按钮如果希望是一组之间有互斥关系,name属性值必须相同 checked=“checked”可以设置单选按钮选中状态 例子: 性别:男<input type="radio" name="gender" value="man"> 女<input type="radio"...原创 2019-08-10 21:12:25 · 255 阅读 · 0 评论 -
Day4_HTML+CSS+JS——表单
一. 储备知识 form标签一般有action属性,指定表单数据收集后提交给哪个资源处理(真实开发中一般提交给Java类处理) 表单由表单项组成,一个表单项对应收集的一种类型的数据 input标签:表单项标签,没有换行效果 value属性:表单项显示的值。 如果是用户能够直接输入值的表单项,以用户输入的内容为准 如果是用户不能输入内容的表单项,需要设置默认的value值 name属性:决定表单项...原创 2019-08-10 16:37:58 · 146 阅读 · 0 评论 -
Day4_HTML+CSS+JS——a标签
一. 储备知识 a标签:可以将内部的文本变成具有超链接能力的文本 href属性:a标签必不可少的属性,hypertext reference,可以指定超链接被点击时跳转的页面的路径(相对路径) target属性:设置打开新页面的方式 默认是_self,在当前标签中直接打开新页面 _blank,新创建空白的标签打开新页面 二. 例子 项目的目录结构如下图所示: indxe.html <!...原创 2019-08-10 16:09:30 · 111 阅读 · 0 评论 -
Day4_HTML+CSS+JS——img标签和相对路径
一. 储备知识 img标签有src属性、alt属性、title属性 src属性:要引入图片的路径 路径可以分为相对路径和绝对路径,绝对路径很容易理解,即完整的路径。 相对路径: 以当前的资源作为参考去查找其他的和当前资源有相对关系的资源 如果要引入的资源和当前页面在同一目录,可以直接通过资源名引入。 如果要引入的资源在当前页面的下一级目录,可以通过和当前页面在同一级的文件夹名引用文件夹名,然后再...原创 2019-08-10 15:38:25 · 356 阅读 · 0 评论