JavaScript学习总结(三)
在学习完了基本的内容之后,我们来学习一下JavaScript中的对象部分以及如何自定义对象的问题。
String对象
创建字符串的方式共有两种:
- 方式1:new String(“内容”);
- 方式2:var str = “内容”;
我们来看下面的代码解决问题:
var str1 = new String("hello");
var str2 = new String("hello");
问题:str1和str2两个字符串对象一样吗?
如果直接比较str1和str2这两个对象,肯定是不一样的,如果将这两个字符串对象直接转换成字符串,那么就是相同的了,用到的方法是toString
document.write("两个字符串对象是否相同呢?"+(str1.toString()==str2.toString()));
此时,输出的值就是true了。
下面来介绍一下字符串对象常用的方法:
//anchor(参数) 生产锚点,自动为该内容生成一个<a>标签,标签名称就是传入的参数
document.write("第五章".anchor("five")+"<br/>");
//blink() 为元素添加blink标签(闪烁标签),很多浏览器已经不再支持
document.write("第五章".blink()+"<br/>");
//charAt() 返回指定索引位置处的字符
document.write("abc".charAt(1)+"<br/>");
//charCodeAt() 回一个整数,代表指定位置上字符的 Unicode 编码
document.write("abc".charCodeAt(1)+"<br/>")
//fontcolor() 把带有 COLOR 属性的一个 HTML <FONT> 标记放置在 String 对象中的文本两端
document.write("第六章".fontcolor("red")+"<br/>")
//indexOf() 返回 String 对象内第一次出现子字符串的字符位置
document.write("abchellohehehello".indexOf("hello")+"<br/>")
//italics() 把 HTML <I> 标记放置在 String 对象中的文本两端
document.write("第五章".italics()+"<br/>")
//link() 把一个有 HREF 属性的 HTML 锚点放置在 String 对象中的文本两端
document.write("百度".link("http://www.baidu.com")+"<br/>")
//replace() 返回根据正则表达式进行文字替换后的字符串的复制
document.write("xml".replace("xml","DOM编程")+"<br/>")
//split() 切割
var str = "我-是-谁";
var arr = str.split("-");
//Substr() 截取子串
//toUpperCase() 转大写
//toLowerCase 转小写
Date对象
用实际代码作为介绍是最简单的方法:
<script type="text/javascript">
/*
日期对象(Date)
*/
var date = new Date(); //获取到当前的系统时间
document.write("年:"+ date.getFullYear()+"<br/>");//getYear输出的是与1990年的一个时间差,一般不用
document.write("月:"+ (date.getMonth()+1)+"<br/>");//注意加一,因为老外算月份是从0开始的
document.write("日:"+ date.getDate()+"<br/>");
document.write("时:"+ date.getHours()+"<br/>");
document.write("分:"+ date.getMinutes()+"<br/>");
document.write("秒:"+ date.getSeconds()+"<br/>");
//xxxx年yy月dd日 hh:mm:ss
//document.write("当前时间是:"+date.toLocaleString());
document.write("当前时间是:"+date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+
date.getHours()+":"+date.getMinutes()+":"+date.getSeconds());
</script>
输出结果是:
年:2018
月:2
日:24
时:19
分:33
秒:34
当前时间是:2018年2月24日 19:33:34
需求:编写一个函数,显示当前时间
<script type="text/javascript">
function getCurrentTime(){
var date = new Date();
//0.获取当前的系统时间
var timeInfo = date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+
date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
//1.找到span标签time对象
var spanObj = document.getElementById("time");
//2.设置span标签体的内容
spanObj.innerHTML = timeInfo.fontcolor("red");
}
getCurrentTime();
<script/>
为了实现动态显示时间。我们可以将getCurrentTime();替换成如下代码:
window.setInterval("getCurrentTime()",1000);//定时方法,第一个参数要指定调用的代码,第二参数是每隔指定的毫秒数调用指定的代码,注意要将代码写成字符串的形式
ok,本讲结束。
JavaScript学习总结(三)的更多相关文章
- JavaScript学习记录三
title: JavaScript学习记录三 toc: true date: 2018-09-14 23:51:22 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅M ...
- JavaScript学习第三天
今天学习第三天. 凡事都是需要坚持的,坚持下去. 学习内容: 1.document.getElementById(""),document.getElementByTagName( ...
- Javascript学习笔记三——操作DOM(二)
Javascript学习笔记 在我的上一个博客讲了对于DOM的基本操作内容,这篇继续巩固一下对于DOM的更新,插入和删除的操作. 对于HTML解析的DOM树来说,我们肯定会时不时对其进行一些更改,在原 ...
- JavaScript学习笔记(三)——this、原型、javascript面向对象
一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化, ...
- JavaScript学习总结(三)——this、原型、javascript面向对象
一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化, ...
- javascript学习(三) 内置对象
一:事件(Event)对象 在触发dom事件的时候都会产生一个event对象 type 获取事件类型 target 获取事件目标 stopPropagation() 阻止事件冒泡 preven ...
- JavaScript学习总结(三)——闭包、IIFE、原型、函数与对象
一.闭包(Closure) 1.1.闭包相关的问题 请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9:方法:找到所有的div, ...
- Javascript学习总结三(Array对象的用法)
javascript Array对象的常用API 1:concat concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本.举例:var a1 = [ ...
- JavaScript学习笔记(三十八) 复制属性继承
复制属性继承(Inheritance by Copying Properties) 让我们看一下另一个继承模式—复制属性继承(inheritance by copying properties).在这 ...
- JavaScript学习总结(三)——逻辑And运算符详解
在JavaScript中,逻辑 AND 运算符用双和号(&&)表示 1 var bTrue = true; 2 var bFalse = false; 3 var bResult = ...
随机推荐
- 批处理+7zip解压用纯数字加密的压缩包zip
@echo off set path=c:\Program Files\7-Zip; for /L %%i in (0,1,100000) do ( call :myfunc %%i ) goto : ...
- Redis 详解 (八) 主从复制
目录 1.修改配置文件 2.设置主从关系 3.测试主从关系 4.哨兵模式 5.主从复制原理 6.主从复制的缺点 前面介绍Redis,我们都在一台服务器上进行操作的,也就是说读和写以及备份操作都是在一台 ...
- bzoj 3696: 化合物
哦,这个困惑了我好久的东西——生成函数(母函数),(然而拿这个东西去向学文化课的同学装逼并不成功...) 生成函数,就是把原来的加法组合变成乘法的指数加法,那么我们要求的值就是相应的指数的系数的值啦, ...
- Oracle 序列(查询序列的值,修改序列的值)
1.序列的语法形式 create sequence 序列名 increment by n start with n maxvalue n | nomaxvalue minvalue n | nomin ...
- php.laravel.log
看代码,原厂代码写的比较清楚,版本(laravel5.7) 简单使用,方便调试,详细使用需要详细查看文档. 在config/app.php 添加 'log' => env('APP_LOG', ...
- ES6与ES5的继承
ES6 ES6中的类 类与ES5中的构造函数写法类似 区别在于属性要放入constructor中,静态方法和属性实列不会继承 <script> class Person{ height=& ...
- 深度解析高分Essay写作组成部分
很多留学生在国外呆了好几个学期对于怎么写Essay还是不太了解,今天小编大致总结了以下一些技巧,相信同学们可以尝试着自己完成一篇Essay写作!一起来看看吧! 与你的导师沟通 你的导师对于你的Essa ...
- 十、React 父组件传来值的类型控制propTypes、父组件如果不传值defaultProps
父组件给子组件传值时: 1.defaultProps:父子组件传值中,如果父组件调用子组件的时候不给子组件传值,可以在子组件中使用defaultProps定义的默认值: 2.propTypes:验证父 ...
- vue学习(十二)vue全家桶 Vue-router&Vuex
一 vue-router的安装 二 vue-router的基本使用 三 命名路由 四 动态路由的匹配和路由组件的复用 一 vue-router的安装 NPM npm install vue-route ...
- 面向对象-接口(interface)实战案例
面向对象-接口(interface)实战案例 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.接口(interface)概述 1>.接口的语法格式 接口时抽象类的一种特殊体 ...