![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习笔记-Javaweb
AlbertLiangzt
个人主页albertliangzt.com
展开
-
09.JavaScript内置对象
什么是JavaScript对象对象是JavaScript中最重要的API JavaScript包含多种对象内置对象外部对象 window对象dom对象自定义对象如何使用对象对象包含属性和方法访问对象属性 – 对象.属性访问对象方法 – 对象.方法名()常用内置对象JS中常用内置对象1.String对象创建String对象a) var str1 = “hello world原创 2017-03-17 21:06:56 · 389 阅读 · 0 评论 -
13jQuery对象、选择器
jQuery概述jQuery简介使用jQuery浏览器如何解析HTML文档利用选择器定位节点调用方法操作节点jQuery的使用步骤jQuery对象什么是jQuery对象jQuery对象与DOM对象的关系DOM对象转换为jQuery对象jQuery是一个JavaScript框架,一个轻量级的JS库封装了JS、CSS、DOM,提供了一致的、简洁的API兼容CSS3,及各种浏览器使用户的H原创 2017-08-15 17:45:13 · 476 阅读 · 0 评论 -
12JavaScript自定义对象、事件
自定义对象自定义对象概述是一种特殊的数据类型,由属性和方法封装而成属性是指与对象有关的值:对象名.属性名方法是指对象可以执行的行为或可以完成的功能:对象名.方法名()创建对象直接创建对象使用构造器创建对象使用JSON创建对象JavaScript Object Notation是一种轻量级的数据交换格式创建的方式a)直接量(JSON),使用名/值对的方式定义{“name”: “zs”,原创 2017-07-28 08:46:38 · 582 阅读 · 0 评论 -
10.JavaScript外部对象-BOM
外部对象概述BOM:Browser Object Model:浏览器对象模型,用来访问和操作浏览器窗口通过使用BOM,可移动窗口、更改状态栏文本、执行其他不与页面内容发生直接联系的操作没有相关标准,但被广泛支持DOM:Document Object Model:文档对象模型,用来操作文档定义了访问和操作HTML文档的标准方法应用程序通过DOM树的操作,来实现对HTML文档数据的操作widow对象:w原创 2017-07-25 09:43:05 · 401 阅读 · 0 评论 -
11.JavaScript外部对象-DOM
document对象DOM概述DOM概述、DOM节点树、DOM操作读取、修改节点信息、元素节点的内容、节点属性、元素节点的样式查询查询节点、根据元素的id查询节点、根据层次查询节点、根据标签名查询节点、根据 name查询节点增加创建新节点、添加新节点删除删除节点 DOM概述Document Object Model:文档对象模型当网页被加载时,浏览器会创建页面的文档对象模型通过可编程原创 2017-03-24 21:59:07 · 424 阅读 · 0 评论 -
14jQuery操作DOM、事件
jQuery操作DOM读写节点增删节点创建DOM节点、插入DOM节点、删除DOM节点样式操作遍历节点读写节点读写节点的HTML内容obj.html() / obj.html( “123” )读写节点的文本内容obj.text() / obj.text( “123” )读写节点的value属性值obj.val() / obj.val( “abc” )读写节点的属性值obj/attr(原创 2017-08-16 13:55:40 · 531 阅读 · 0 评论 -
08.JavaScript概述、语法、流程控制
JavaScript:嵌入HTML中在浏览器中的脚本语言,具有与Java和C语言类似的语法一种网页编程技术,用来向HTML页面添加交互行为直接嵌入HTML页面由浏览器解释执行代码,不进行预编译可以使用任何文本编辑工具编写事件:用户的操作、动作详见DOM事件分类:事件定义式:在事件定义时直接写js<input type=”button” value=”button1” onclick=”al原创 2017-03-16 22:57:35 · 374 阅读 · 0 评论 -
06.定位
作用:解决元素的排列问题;通过定位可以将元素摆放到任意位置分类:1默认定位a)默认情况下,块元素垂直排列,行内元素水平排列b)这个默认排列的规律称为流定位,是默认的排序方式流:元素水平或垂直排列而形成的队伍2特殊定位a)浮动定位:可以让块元素左右排列 b)相对定位:让元素以自己为目标产生一定偏移 c)绝对定位:让元素以父亲为目标产生较大的偏移 d)固定定位:让元素以窗口为目标产生巨大的偏移浮原创 2017-03-14 21:15:22 · 343 阅读 · 0 评论 -
07.改变显示方式
元素的显示方式1.有哪些方式?1)块元素有宽高,垂直排列h,p,ol,ul,div,table,form2)行内元素无宽高,水平排列span(i,em,b,strong,u,del),a,label3)行内块元素有宽高,水平排列img,input,select,textarea2.如何修改显示方式?块: display:block;行内: display:inline;行内块原创 2017-03-14 21:17:29 · 421 阅读 · 0 评论 -
01.边框、表格
设置边框、边距1.单个设置边框(left、right、top、bottom)h1{ border-left:10px solid blue; border-right:15px solid red; border-top:20px solid yellow; border-bottom:25px solid green;}2. 默认边框p{ border:18px d原创 2017-03-13 22:38:08 · 661 阅读 · 0 评论 -
03.表单
form <form action=”http://www.github.com” onsubmit=”return false;”> 提交内容到网页 form独有onsubmit事件,当此事件触发时,表单数据被提交submit按钮的作用是自动触犯表单onsubmit事件事件可以取消:当return false时,当且仅当false时才取消,否则提交input1.表单元素原创 2017-03-13 22:46:06 · 419 阅读 · 0 评论 -
04.背景、超链接、样式
设置背景图:1.普通方式图片:background-image:url(../images/background.png) ;平铺:background-repeat:repeat ;位置:background-position:center ;2. 采用简化的方式设置背景color、image、repeat、position(repeat-x, repeat-y)background:url(./原创 2017-03-13 22:46:45 · 375 阅读 · 0 评论 -
05.CSS选择器
1. 元素选择器body{...code...} h1{...code...}2.类选择器:选择一类(class="某值")具有相同共性的元素.swim{ color: blue; } .swim{ color: blue; } 菲尔普斯 孙杨3.id选择器:根据id选择唯一的元素#beauty{ color:red; } 奥黛丽赫本 4.选择器组:写出一组选择器,会选原创 2017-03-13 22:47:49 · 285 阅读 · 0 评论 -
02.表格、列表
表格1.普通表格<table border="1px" cellspacing="0" width="30%"> <tr> <td>四川</td> <td>黑龙江</td> </tr> <tr> <td>成都</td> <td>哈尔滨</td> </tr></table>原创 2017-03-13 22:40:46 · 290 阅读 · 0 评论