javeScript(Data,DOM,BOM)

日期对象处理方法:(Data)

1.创建日期对象:获取当前日期

结构:var date = new Date();

意义:new 通过类名 创建对象得关键字;Date 日期类(注:通过日期类—>创建一个当前得日期对象)

例子:


2.日期类

①:年:getFullYear();

②:月:getMonth();

注意;月份需要+1

③:日:getDate();

④:周:getDay();

注意:星期得下标是从0开始得

⑤:时:getHours();

⑥:分:date.getMinute();

⑦:秒:date.getSecondes();

⑧:毫秒:date.getMilliseconds();

例子:

3.时间戳

意义:时间戳是指 1970年到现在得毫秒数(注意:单位是“毫秒”

时间戳转日期对象:

方法①:new Date (1234564);

方法②:var date = new Date();

date.setTime(1288336112000);

日期对象转时间戳:

方法:

var date = nw Date();

var t = date.getTime();

4.示例:获取将来或过去较大的时间(指定时间)


文档对象模型(DOM)

意义:DOM 就是js中的标签,DOM可以跟页面进行交互,富有逻辑。

1.创建HTML

方法:dom.createELement("HTML 标签");

例子:

属性:在 js 中也可以同样获取或设置属性

如:创建图片


注意:创建好的标签,要放到指定的父容器才能显示

方法:父元素.appendchild(创建的元素)

例子:

2.查询 HTML

方法:var d = doucument.querySelector("选择器")

例子:


3.清空标签:

方法:xx.innerHTML= “”

例子:


4.用 js 中的 DOM 操作修改样式,内容,添加事件

①:修改样式:dom.style.属性 = “属性值”

例子:

②:修改内容:innerHTML innerText


③添加事件:dom.onclick

例子:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • JS操作HTML 1.创建 HTML document.createElement("标签名"); 如 v...
    言术阅读 352评论 0 0
  • 回顾选择器 基础选择器 1.元素选择器 元素名(标签名) 如: h1 div a ...
    ac7712dfb4c5阅读 181评论 0 0
  • 1.查询DOM元素 1.document.querySelector("选择器") 查找到的是第一个元素 2.d...
    青梅姑娘_54de阅读 194评论 0 0
  • 回顾选择器 基础选择器 1.元素选择器 元素名(标签名) 如: h1 div a ...
    11愫暮阅读 149评论 0 0
  • 今天感恩节哎,感谢一直在我身边的亲朋好友。感恩相遇!感恩不离不弃。 中午开了第一次的党会,身份的转变要...
    余生动听阅读 10,751评论 0 11

友情链接更多精彩内容