特殊字符、Date、JS应用

简介: 字符串中的特殊字符:在js中,双引号字符串中的双引号内容和单引号字符串中的单引号内容都必须进行转移,形式如下:var str1 = "my mother say:\"don't speak with stranger\".

字符串中的特殊字符:

在js中,双引号字符串中的双引号内容和单引号字符串中的单引号内容都必须进行转移,形式如下:
var str1 = "my mother say:\"don't speak with stranger\". ";
var str2 = 'my mother say:"don\'t speak with stranger". ';
js中的常用转义字符有:
“ = \”
‘ = \’
回车符 = \r
换行符 = \n
tab符 = \t
\ =\ \
注意: 回车符,换行符,空格和tab符其实也是跟a,b,c,d,和’, “, $ & 等等符号“平等并列”的符号。

时间日期(Date)对象:

用于表示时间日期数据的对象。一个时间日期对象中包括了有关时间日期的各项具体信息,比如年,月,日,时分秒,毫秒,星期。
定义一个时间日期对象有以下几种形式:
d1 = new Date(); //定义一个表示“当前时间”的日期对象,
d2 = new Date(“2013/9/25 11:18:19”); 用一个字符串来定义一个指定时间(时刻)的日期对象
d3 = new Date(2013, 9, 25, 11, 18, 19); 用多个(至少3个)数字来定义一个指定时间的日期对象
d4 = new Date(2324624252312); 用一个数字来定义个指定时间的日期对象。
此数字代表的是从1970年1月1日午夜0点0分0秒(甚至0毫米)开始算起所经历过的毫秒数。注意,一秒等于1000毫秒。——实际上,我们可以理解为:“时间”这种数据,在js中,其实其本质上只是存储了一个数字。如果该数值为负值,则表示往前推算。实际上,据此,时间是可以进行加减计算的。
这个时间点通常认为是计算机世界的“时间起点/原点”。

  • 时间对象的常用方法:
    v1 = d1.toLocaleString();获得时间为“本地表示法”
    v1 = d1.getTime(); 获得一个时间的“毫米数”——从时间原点开始算起。
  • 以下是获取时间中的某项数据值:
    v1 = d1.getFullYear(); //获得年数——是一个数字,下同
    v1 = d1.getMonth(); //获得月数 ——注意:此数字是从0开始算起的,即只能是:0-11
    v1 = d1.getDate(); //获得日期数
    v1 = d1.getDay(); //获得星期数
    v1 = d1.getHours(); //获得小时数
    v1 = d1.getMinutes(); //获得分钟数
    v1 = d1.getSeconds(); //获得秒数
    v1 = d1.getMilliseconds();//获得毫秒数
  • 以下是设置时间中的某项数据值:
    d1.setFullYear( n ); //将d1这个时间对象的年份数设置为n这个数——即修改了其年份,下同。
    d1.setMonth( n ); //设置月份数
    d1. setDate(n ); //设置日期数
    d1. setDay(n ); //设置星期数
    d1. setHours(n ); //设置小时数
    d1. setMinutes(n ); //设置分钟数
    d1. setSeconds(n ); //设置秒数
    d1. setMilliseconds(n );//设置毫秒数

javascript语言的应用:

javascript技术:

javascript语言: 变量,数据类型,流程控制,函数,内置对象(String, Array, Math, Date)
js语言操作网页对象:标签对象, 浏览器对象

网页对象介绍

第一个重要观念:在html文件中的每个标签都是一个对象。
对象具有:属性和方法。比如:
    var obj1 = {
                name:”小花”,
                age:18,
                zuofan: functoin (){……},
                xiyi: function(){……}
 }
var v1 = obj1.age;
alert( v1 );
obj1.age = 19;  //过年了,增加了一岁——修改了obj1这个对象的age这个属性的值。
obj1.name = “大花”;
  • 获取网页标签对象的方式:
    var obj1 = document.getElementById(“id名”);
    操作对象的标签属性:
    获取: var v1 = obj1.标签属性名;
    赋值: obj1.标签属性名 = 某值;
    操作对象的样式属性:
    获取:var v1 = obj1.style.样式属性名;——其实这种方式只能获取其“行内样式”
    赋值:obj1.style.样式属性名 = 某值;

事件初步

简单说来,事件就是“动作”,也就是用户所在的某种操作,比如:点击,鼠标移动,双击,。。。。。。
先回顾与加强js的“定义”:js是一门基于对象的事件驱动的脚本语言。

  • 事件有哪些:
    • 鼠标事件:
      onclick: 鼠标点击一次
      onmouseover:鼠标移到目标上
      onmouseout:
      ondblclick: 双击事件
      onmousedown: 鼠标按下去的时候发生(注意此时鼠标还没有抬起来)
      onmouseup: 鼠标抬起来的时候发生
      onmousemove: 鼠标移动的时候发生——移动无处不在。

    • 键盘事件:
      onkeypress: 按键点击一次发生。0000
      onkeydown: 按键按下去的时候发生
      onkeyup: 按键抬起来的时候发生

    • 表单事件:
      onsubmit : 当一个表单正要“提交”的时候发生
      onfocus: 当一个表单项“获得焦点”的时候发生。
      onblur: 当一个表单项“失去焦点”的时候发生
      onchange: 当一个表单项的数据发生改变的时候——通常只用于select标签的选项改变。

    • 其他:
      onload: 当网页“一加载成功”的时候发生,也就是网页打开的时刻——onload在一个页面上只能出现一次。 onload只能写在body标签上,或者要么就不在标签中写,而是在脚本中使用window.onload的实线。
      小结:事件随时发生,无处不在,只在于我们想要在哪个对象上使用哪个事件来完成什么工作。
      其基本的代码模式为:

<标签名 ……  on事件名=”函数名f1();” >……</标签名>
<script>
    function f1(){
        //这里就是我们要做的工作!!!!!
}
</script>

则其基本含义是: 某个对象发生什么事件的时候会去调用某个函数以完成某种任务。

相关文章
|
5月前
|
JavaScript 前端开发
如何减少Node.js应用中的全局变量?
如何减少Node.js应用中的全局变量?
353 133
|
5月前
|
监控 负载均衡 JavaScript
有哪些有效的方法可以优化Node.js应用的性能?
有哪些有效的方法可以优化Node.js应用的性能?
321 69
|
2月前
|
存储 监控 JavaScript
基于布隆过滤器的 Node.js 算法在局域网电脑桌面监控设备快速校验中的应用研究
本文探讨了布隆过滤器在局域网电脑桌面监控中的应用,分析其高效空间利用率、快速查询性能及动态扩容优势,并设计了基于MAC地址的校验模型,提供Node.js实现代码,适用于设备准入控制与重复数据过滤场景。
96 0
|
1月前
|
运维 监控 JavaScript
基于 Node.js 图结构的局域网设备拓扑分析算法在局域网内监控软件中的应用研究
本文探讨图结构在局域网监控系统中的应用,通过Node.js实现设备拓扑建模、路径分析与故障定位,提升网络可视化、可追溯性与运维效率,结合模拟实验验证其高效性与准确性。
164 3
|
2月前
|
资源调度 负载均衡 JavaScript
使用PM2工具部署Vue.js应用于服务器
以上步骤完成之后,你就成功利⽤ PM⼆工具将 Vuejs 应⽰程序部署至服 务 器,并且配合反向代理实现了高效稳定访问及负载均衡功能。
128 0
|
6月前
|
前端开发 搜索推荐 JavaScript
如何通过DIY.JS快速构建出一个DIY手机壳、T恤的应用?
DIY.JS 是一款基于原生 Canvas 的业务级图形库,专注于商品定制的图形交互功能,帮助开发者轻松实现个性化设计。适用于 T 恤、手机壳等多种商品场景。它自带丰富功能,无需从零构建,快速集成到项目中。通过创建舞台、添加模型、定义 DIY 区域和添加素材四个步骤即可完成基础用法。支持在线演示体验,文档详细,易上手。
231 57
|
5月前
|
监控 算法 JavaScript
公司局域网管理视域下 Node.js 图算法的深度应用研究:拓扑结构建模与流量优化策略探析
本文探讨了图论算法在公司局域网管理中的应用,针对设备互联复杂、流量调度低效及安全监控困难等问题,提出基于图论的解决方案。通过节点与边建模局域网拓扑结构,利用DFS/BFS实现设备快速发现,Dijkstra算法优化流量路径,社区检测算法识别安全风险。结合WorkWin软件实例,展示了算法在设备管理、流量调度与安全监控中的价值,为智能化局域网管理提供了理论与实践指导。
152 3
|
6月前
|
存储 JavaScript 前端开发
|
7月前
|
JavaScript 前端开发 算法
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
Array.sort() 是一个功能强大的方法,通过自定义的比较函数,可以处理各种复杂的排序逻辑。无论是简单的数字排序,还是多字段、嵌套对象、分组排序等高级应用,Array.sort() 都能胜任。同时,通过性能优化技巧(如映射排序)和结合其他数组方法(如 reduce),Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
7月前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~

热门文章

最新文章