JAVA高级工程师课程笔记整理——(六)网页三剑客
(六)网页三剑客
html css js(脚本语言,重点)
一、html标签
超链接调用js代码
<a href="javascript:"></a>
锚链接
<a href="help.html#register"></a>
<a name="register"></a>
列表标签:
无序列表
<ul>
<li></li>
<li></li>
</ul>
有序列表
<ol>
<li></li>
</ol>
定义列表
<dl>
<dt></dt> //标题
<dd></dd> //标题对应的内容
</dl>
*表单:
<form action="#" method="">
</form>
action如果为空或#,提交到本页面
method
get(默认) 方法提交参数在浏览器可见
post 一般用于多数据,保密数据提交
<input>标签:
type属性:
text(默认),password,button,
checkbox,radio,submit,reset,
file,hidden
下拉框:
<select></select>
文本域标签:
<textarea></textarea>
关联表单元素
<label for=""></label>
只读:
readonly="readonly"
禁用:
disabled="disabled"
*表格:
<table>
<tr>
<td></td><td></td>
</tr>
</table>
<caption></caption> 表格标题
<thead></thead>
<tbody></tbody>
<tfoot></tfoot>
跨列:
colspan
跨行
rowspan
内联框架
iframe
src 文件路径
网页样式css
div+css html5+css3
块元素
独占一行 div p ul li
内联元素:
一行排列显示 span a label img
css标签:
<style type="text/css">
..css代码
</style>
语法:
选择器{
样式1
样式2
}
选择器:
标签选择器
ID选择器
#id名{}
类选择器(重复使用):
.类名{}
优先级:
ID选择器>类选择器>标签选择器
复合选择器:
并集选择器
多个选择器之间可以是多个不同或相同类型;
多个选择器之间必须用英文半角输入法逗号“,”隔开;
交集选择器
p#id{}
后代选择器
p .class{}
css的注释:
/* 注释*/
css三种引入方式:
行内样式:
style属性
内部样式
head标签里
外部样式
<link type="text/css" rel="stylesheet" href="ru.css"/>
优先级:
行内样式>内部样式>外部样式
常用:
font-size 设置字体大小
color: 字体颜色
javascript(弱类型的编程语言)
javascript的三种引入方式
往网页输出
document.write("<br/>")
弹出框:
alert(),prompt(),confirm()
javascript的注释和java一样
javascript的数据类型:
undefined,String,number,Boolean,Null
typeof
声明变量:var
1、数据类型转换
parseInt(); NaN -- not a number
当字符串首字符是数字就可以转换成number
强制类型转换:
Number()
要求字符串都为数字
2、比较运算符:
== js中比较字符串用 ==
=== 判断类型和值都相同才为true
3、循环:
for in
var array = [3,34,"sdf",12.3,true];
//for in
for(var i in array){
alert(array[i]);
}
4、js中怎么定义一个数组?
java
int[] array = new int[2];
int[] array2 = {3,5,6};
int[] array3 = new int[]{33,4,54};
js:
var array = [3,34,"sdf",12.3,true];
var arr2 = new Array();
var arr3 = [];
5、js的函数:
系统函数
parseInt(),Number(),isNaN();
eval();
//将字符串作为脚本来执行
var k = eval("12+6*3");
*自定义函数
a.
function 方法名(参数1,参数2...){
}
b.
回调函数
var 方法名 = function(参数1,参数2...){
}
有返回值的函数
匿名函数:
不需要调用,直接执行
全局变量和局部变量
用法和java一样
6、js代码调试debug
浏览器debug
7、js常用事件:
onload 页面加载执行
onfocus onblur
onmouseover onmouseout
8、try{
}catch(err){
err.message //错误信息
}
console.log("");
BOM 浏览器模型
window:
history
location
Document
window.alert() ---> alert();
window.onload = function(){}//页面加载完毕执行
window.location.href = "url" //设置页面跳转
window.history
back() //返回上一个访问的页面
forward //跳转到下一个访问的页面
go(0) //刷新当前页面
location.reload();//刷新当前页面
超链接调用js代码
<a href="javascript:"></a>
文档对象模型:
dom解析xml
DOM文档对象模型
document对象的属性:
title 获取文档的标题head
document对象的方法:
write();// 往网页输出字符串
getElementById():返回对拥有指定id的第一个对象的引用
getElementsByTagName():返回带有指定名称的对象集合
getElementsByName():返回带有指定名称的对象集合
innerHTML 获取标签体内容
value 获取input的value值
window对象常用的方法:
open();
打开窗口
window.open("test2.html","爱好","height:100px,width:100px,toolbar=1");
setInterval(fn,毫秒值); //循环执行
setTimeout(fn,毫秒值); //只执行一次
节点操作
nodeName(节点名称)
nodeValue(节点值)
nodeType(节点类型)
元素 1 、属性 2、 文本 3、 注释 8、 文档 9
js dom节点操作
创建节点
createElement(tagName)
appendChild 添加子节点
removeChild 删除节点
js内置对象
String
获取字符串长度: length
indexOf(str) 第一次出现的位置
substring(index1,index2) 字符串提取
split(str) 字符串切割
Math:
round();四舍五入的方法
Date:
var date = new Date();
Array
var 数组名称 = new Array(); // 创建空数组对象
var 数组名称 = new Array(size);// 创建size个undefined成员的数组
var 数组名称 = new Array(element0, element0, ..., elementn );
JAVA高级工程师课程笔记整理——(六)网页三剑客相关推荐
- JAVA高级工程师课程笔记整理——(八)tomcat与九大内置对象
(八)tomcat与九大内置对象 tomcat B/S 浏览器/服务器 请求:request 响应: response C/S: ...
- EDA实验课课程笔记(六)——NC-verilog的介绍与使用(二)
EDA实验课课程笔记(六)--NC-verilog的介绍与使用(二) 图形界面的基本步骤回顾 命令行界面多步仿真 0,准备文件的建立 首先是新建cds.lib文件 其次是hdl.var文件的建立 1, ...
- 【CS231n】斯坦福大学李飞飞视觉识别课程笔记(六):线性分类笔记(上)
[CS231n]斯坦福大学李飞飞视觉识别课程笔记 由官方授权的CS231n课程笔记翻译知乎专栏--智能单元,比较详细地翻译了课程笔记,我这里就是参考和总结. [CS231n]斯坦福大学李飞飞视觉识别课 ...
- 机器学习总结——机器学习课程笔记整理
机器学习笔记整理 说明 基础点整理 1. 基础数学知识 (1) 一些零七八碎的基础知识 (2) 最优化相关问题 (3) 概率论相关问题 (4) 矩阵相关问题 2. 回归(线性回归.Logistic回归 ...
- 计算机网络第1章(概述)- 湖科大计算机网络课程笔记整理
笔记整理湖科大计算机网络 一. 计算机网络在信息时代的作用 (1)计算机网络已由一种通信基础设施发展成为一种重要的信息服务基础设施: (2)计算机网络已经像水,电,煤气这些基础设施一样,成为我们生活中 ...
- Java网课笔记整理
目录 1.继承 笔记 案例 2.多态 笔记 案例 3.抽象 笔记 案例 4.字符串 案例 5.StringBuilder 笔记 案例 6.集合基础 笔记 案例 1.继承 笔记 https://blog ...
- 《nodejs+gulp+webpack基础实战篇》课程笔记(六)--附加课
一.多页面分离资源引用,按需引用JS和css 我们前面实现了以下功能:1.新建了一个login模版(用到htmlWebpackPlugin).2.分别把main.js和login.js.reg.js分 ...
- Java笔记整理六(File类,递归,字节流IO,字符流IO,流中的异常处理,属性集Properties,缓冲流,转换流,序列化,打印流)
1.File类 java.io.File 类是文件和目录路径名的抽象表示,主要用于文件和目录的创建.查找和删除等操作. 文件和目录路径名的抽象表示 java把文件和文件夹封装位为一个File类,我们可 ...
- Coursera课程自然语言处理(NLP)笔记整理(六) (第四周课程)
文章目录 1. Machine Translation 机器翻译 1.1. 学习目标 1.2. 概览 1.3. 向量变换 1.3.1. F范数 1.3.2. 梯度的计算 2. 哈希表 Hash tab ...
最新文章
- 多个文件中的数据处理,输出自己想要是数据
- 假如鲁迅是程序员......
- 记录MySQL下所执行的所有命令
- python获得项目根目录路径root path
- Shadow Map阴影贴图技术之探 【转】
- Lync 客户端功能对比之IM功能
- bug篇——Windows启动redis报错Creating Server TCP listening socket 127.0.0.1:6379: bind: No error...
- 有赞招聘小程序,有你就很赞
- linux查看python安装库_linux下怎么查看python的包
- iptables基本用法和linux网络相关
- 扩展频谱--直接序列扩频
- Android lint工具 检查的常见问题
- SpringBoot 拦截器和过滤器区别及应用
- 绕过校园网认证实现免费上网【三端】
- 智能手机网页制作12个注意事项
- win10系统如何telnet服务器,win10专业版官网系统如何开启telnet服务的办法
- 【超硬核】秒杀活动技术方案,Redis申请32个G,被技术总监挑战了...
- c++的继承与派生之从入门到入坟-------集大成者
- 计算机应屏后打印不全怎样处理,打印机打印不完整是怎么回事【解决办法】
- gitlab报错 fatal index-pack failed error RPC failed result
热门文章
- Flutter Dart 正则RegExp [.....]和[^.....](一)
- scala中的高阶函数_Scala中的高阶函数(HOF)
- 双11开场10秒即爆单,360亿方云如何助力电商企业高效协同
- java c语言语法对比_c语言和java语法有区别吗?
- 排序算法猴子排序java算法代码实现
- 顺序表的直接插入排序-----数据结构与算法笔记
- 小程序入门到精通一篇就够了!
- JavaScript基础内功系列,这十篇文章里一定有你感兴趣的
- TexturePacker 导出 Egret(白鹭引擎)格式的图集和图片字体
- 【Linux】多线程--互斥锁