java-HTML&javaSkcript&CSS&jQuery&ajax( 八)
一、JavaScript教程笔记
1、在web页面中一般使用JavaScript脚本语言,支持跨平台,跨浏览器,驱动网页,与用户交互。另外Node.js把JavaScript引入到了服务器端。
JavaScript 代码直接放在HTML语言中是可以直接运行的,一般豆浆JavaScript代码放在<head>标签中
<html><head> <script>alert('')</script></head><body></body></html>
2、另外就是JavaScript不区分整数和浮点数,同意使用number表示,注意 NaN表示 not a number ,Infinity表示超过了表示的数值范围。有一点注意的是,JavaScript中的==会自动转换数据类型再进行比较大小,另外一种是,===不会自动转换数据类型直接进行比较。
JavaScript数组可同时包含任何数据类型,访问数组对象可以直接通过数据索引访问,例如 var arr=[2,32,4,true,none,''Hello''] arr[1]
3、JavaScript的对象十一组由键值对组成无序集合。
ver person={
name:'BOb'; age:23; tags:['js','web','mobile'], city:'Beijing',};从以上可以看出,JavaScript的对象的键都是String类型,但是值可以使任何类型的数据
var a = 123; // a的值是整数123 a = 'ABC
像这种变量类型不固定的语言称之为动态语言,java就是静态语言,申明之前必须确定其类型。
使用consol.log()代替alert()函数的好处就是可以避免出现对话框,使用的转义字符是 \
在ES6中使用的字符串转义符 例如 var name='xiaomi'; var age=0; var message='你好 , ${name}, ${age}';就会自动替换变量 相当于使用了+ 号
另外字符串是不可变量,就像python语言中的元祖一样 var s='Test'; s[0]='X' alert(s) 还是Test 但是他并不会报错。
另外就是字符创的转换问题,toUpperCase() toLowerCase(),以及indexOf() ---->搜索字符串出现的位置, subString()函数返回指定索引区间的子串
indexOf
与String类似,Array
也可以通过indexOf()
来搜索一个指定的元素的位置:
var arr = [10, 20, '30', 'xyz'];
arr.indexOf(10); // 元素10的索引为0
arr.indexOf(20); // 元素20的索引为1
arr.indexOf(30); // 元素30没有找到,返回-1
arr.indexOf('30'); // 元素'30'的索引为2
4、slice()函数就是对应的String的subString()版本,他截取Array的部分元素,然后返回一个新的Array
var arr=['A','B','C'] arr.slice(0,3) 从0开始到3的索引值,如果 slice()不传递参数的话会从头到尾截取张哥数组,相当于复制数组
var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
var aCopy = arr.slice();
aCopy; // ['A', 'B', 'C', 'D', 'E', 'F', 'G']
aCopy === arr; // false
slice()函数方法修改Array数组,可以从指定的索引开始修改替换掉
var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];
// 从索引2开始删除3个元素,然后再添加两个元素:
arr.splice(2, 3, 'Google', 'Facebook'); // 返回删除的元素 ['Yahoo', 'AOL', 'Excite']
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
// 只删除,不添加:
arr.splice(2, 2); // ['Google', 'Facebook']
arr; // ['Microsoft', 'Apple', 'Oracle']
// 只添加,不删除:
arr.splice(2, 0, 'Google', 'Facebook'); // 返回[],因为没有删除任何元素
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
concat()函数返回的是一个新的数组,并不是在原来的数组上进行修改。
join
join()
方法是一个非常实用的方法,它把当前Array
的每个元素都用指定的字符串连接起来,然后返回连接后的字符串:
var arr = ['A', 'B', 'C', 1, 2, 3];
arr.join('-'); // 'A-B-C-1-2-3'
5、如果对象中的键名是一个含有特殊字符的变量 则要加‘’
var xiaohong = {
name: '小红',
'middle-school': 'No.1 Middle School'
};
一、Html部分
HTML基础:
1、HTML标题(heading)t通过<h1><h6>标签定义,
eg:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SueKay</title>
<body>
<h1>it's my sister </h1>
<p>it's your sister</p.html
>
</body>
</html>
2、段落标<p>,</p> ,<hr >这个标签用于对段落的分割,段落顺序倒着写<p><bdo dir="rtl">这段文字倒着显示</bdo></p>
删除效果<p>My favorite color is <del>blue</del> <ins>red</ins></p>
<! DOCTYPE html >
<html>
<head>it's my notebook</head>
<body><p>it's your dog </p>
<p>it's second <br> paragraph</p><body>
</html>
另外HTML的注释,<!--it's notesiad-->,插入段落之间的水平线使用标签<hr/>,在一个段落中实现回行,直接键入标签<br>
3、HTML链接<a href="http://www.baidu.com">it's a link</a>
4、HTML图像链接 <img src=“img/log/png ” width=“23” height=“23”>
5、文本格式化:对<body>中的字体进行设置<b> 粗体 <i>斜体显示。<sub></sub>下标 <sup></sup>上标,
<pre></pre>标签的使用保留原来文本的输入样式
<code></code>计算机输出标签样式,<var></var >计算机变量。
<address> written by <a href="maitl:webster@example">Jon Doe</a></address>
java-HTML&javaSkcript&CSS&jQuery&ajax( 八)的更多相关文章
- HTML&javaSkcript&CSS&jQuery&ajax(八)
一. <!DOCTYPE html><html><head><meta charset="utf-8"><tiitle> ...
- java-HTML&javaSkcript&CSS&jQuery&ajax
CSS 伪装 1.<style>a;link{color:#000000} a:visited{color:#000000; a.:hover{color:#FF00FF} a:acti ...
- XSS-HTML&javaSkcript&CSS&jQuery&ajax
1.设置不同的样式列表 <style> ul.a{list-style-tyrp:circle;} ul.b{list-style-type:square;} ul.c{list ...
- HTML&javaSkcript&CSS&jQuery&ajax(十)
HTML 1.SVG直接嵌入HTML网页 ,SVG 是使用XML描述2D图像的语言,Canvas通过JavaScript来绘制2D <svg xmlns="http://www.w3. ...
- HTML&javaSkcript&CSS&jQuery&ajax(七)
’一.HTML5 实例 <video width="430" controls> <source src="mov_nnn.mp4" t ...
- HTML&javaSkcript&CSS&jQuery&ajax(五)
一.Framset标签定义了每个框架中的HTML文档, 1. <framset cols="25%,75%"> <frame src="frame_a. ...
- HTML&javaSkcript&CSS&jQuery&ajax(四)
一.HTML创建响应设计 Responsive Web Design 可以改变尺寸传递网页,对于平板和移动设备是必须的 1.<!DOCTYPE html><html lang=&qu ...
- HTML&javaSkcript&CSS&jQuery&ajax(三)
一.HTML块元素 1.块级元素 Block level element ,内联元素 inline element , HTML<div>元素属于块级元素,他是组合其他HTML元素的容器, ...
- HTML&javaSkcript&CSS&jQuery&ajax(二)
一.HTML 1.标签<a href="http:www.baidu.com">This is a link </a> <img sr ...
随机推荐
- 【提示框】【计时事件】【cookie】
1.提示框 1)警告框 <script>function disp_alert(){alert("我是警告框!!")}</script> 2)确认框 fun ...
- L3-020 至多删三个字符 (30 分)(DP)
题目链接:https://pintia.cn/problem-sets/994805046380707840/problems/994805046946938880 学习地址: 2018CCCC-L3 ...
- 《Effective Java中文版(第2版).pdf》-笔记
1.第6页 ---- Java中Properties类的操作 - bakari - 博客园http://www.cnblogs.com/bakari/p/3562244.html 公有的静态方法返回的 ...
- 1421 - Wavio Sequence
题目大意:求一个序列中 先严格递增后严格递减的子序列的数目(要求这个子序列对称). 题目思路:正一遍DP,反一遍DP,因为n<=1e5,dp要把时间压缩到nlogn #include<st ...
- Log4j日志根据配置输出到多个自定义文件
最近工作中遇到所有日志需要记录到一个文件,而错误的sql执行记录到另一个文件中,查询了一些资料搞定,记录下来.顺便吐槽下公司限制印象笔记的使用. ##log4j.rootLogger=INFO, CO ...
- win10家庭版多用户
1.Windows 找不到gpedit.msc https://jingyan.baidu.com/article/54b6b9c08b08382d593b4747.html 2.win10家庭版 创 ...
- android studio设置窗口颜色和字体
1.设置左边窗口颜色和字体: 设置中间代码编辑窗口:
- MySQL数据库的锁详解【转】
当然在我们的数据库中也有锁用来控制资源的并发访问,这也是数据库和文件系统的区别之一. 为什么要懂数据库锁? 通常来说对于一般的开发人员,在使用数据库的时候一般懂点 DQL(select),DML(in ...
- CAD版本 注册表信息
AutoCAD2002 AutoCAD.Application.15 AutoCAD2003 AutoCAD.Application.15.1 AutoCAD2004 AutoCAD.Applic ...
- RT-thread嵌入式操作系统相关的问题
面试中问到 RT-thread嵌入式操作系统相关的问题 RT-thread操作系统调度器的实现细节 RT-Thread中提供的线程调度器是基于优先级的全抢占式调度: 在系统中除了中断处理函数.调度器上 ...