java中级-html

a)背景
H5,现在主流标准,可以编写网页端手机端。
b)标签
A超链接
P段落
Ul li 无序列表
Ol li 有序列表
Img 图片
Hr
H1 h2
Span 小区域
Div 框框
Table tr/th thead tbody td 表格
Center
Button
c)布局
默认的:static 默认文档流布局
相对的:relative 从自己当前的位置 相对改变自己显示的位置
绝对的:absolute 定位在网页固定的位置
绝对的:fixed 定位在浏览器固定位置 跟着跑

块级元素:
默认占据一整行,设置宽高都可以实现
行内元素:
从左向右依次排列,设置宽高无效果。完全取决于内容大小
块级转行内:float..
浮动清除:clear:both 如果不想下面的代码被上面的浮动影响。
行内转块级:display:block

d)表单
Form
Input
Type= text
Password
Radio 单选
Checkbox 多选 复选
File
Button
Submit
Reset
Date
Select option
<select>
<option value=”1”>现实的</option>
</select>
<textarea>

e)盒子模型

外边距 :margin
内边距:padding
边框:border

f)样式表

<style>
A{} 标签选择器
.xx{} 类选择器
#id {} id选择器
</style>
Color
Background-Color背景色
Background-image
Border:soild red 1px;
Font 字体
Font-size
Line-height
Width
Height
Text-align:center
Padding
Margin
Float
position

(二)Javascript
a)基本语法

Var a = 1;
Var a ={“name”:”zhi”,”age”:“22”}
a.name

var c = [1,2,3,4,5,6,7,8]
var c = new array();
c.push(“dd”);

if

for

b)Dom对象

Var zujian = Document.getElementById(“ddd”);
Var zujians = Document.getElementsByName (“ddd”);

Zujian.innerhtml=“ddddd”
Var cc = Zujian.innerhtml;

Zujian.value=22 值

<form id=”ddd”>
Document.getElementById(“ddd”).submit();//手动提交表单
c)Bom对象

Alert()
Console.log()
Open(“www.baidu.com”)
Location.href=””;//本页面跳转
Window. 能到浏览器窗口大小,
d)字符串常用方法
re1 = new RegExp("垃圾","g");// 第一个参数: 要替换的文本,g 替换全部
var Newstr = a.replace(re1, "");
a :要被替换的字符串
re1 :替换规则
” :替换内容
Newstr:替换结果

(三)Jquery
a)选择器
(“a”) 所有a标签(“#id”) 返回第一个id组件
$(“.ccc”) 所有class=ccc的组件

$(“.ccc p”) 所有class=ccc p的组件

b)监听写法
$(“#dd”).click(function(){

})
Click
Keyup
Select 下拉列表 change方法
c)常用方法
Hide
Show
Val()获取值 val(222)设置值
Attr(“src”)获取属性值
Attr(“src”,”1.jpg”)
Html(“dddd”)
Html()
Text()
Text(“dddddddddddddd”)

//获取所有input对象 挨个循环
(":input").each(function(a,b){ // a是 顺序号 下表(b)//这个是每一个对象
});

d)节点操作
Append
Clone

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 简述JavaScript起源起源于美国的Netscape公司,原名为LiveScript,后改为JavaScrip...
    3ab670b99521阅读 8,196评论 0 0
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 6,143评论 0 2
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,357评论 1 10
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,736评论 0 8
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,096评论 0 3