0

0

php基础学习笔记javascript(5),学习笔记javascript_PHP教程

php中文网

php中文网

发布时间:2016-07-13 10:03:51

|

1246人浏览过

|

来源于php中文网

原创

php基础学习笔记javascript(5),学习笔记javascript

字符串中的特殊字符:

 

PHP 网络编程技术与实例(曹衍龙)
PHP 网络编程技术与实例(曹衍龙)

PHP网络编程技术详解由浅入深,全面、系统地介绍了PHP开发技术,并提供了大量实例,供读者实战演练。另外,笔者专门为本书录制了相应的配套教学视频,以帮助读者更好地学习本书内容。这些视频和书中的实例源代码一起收录于配书光盘中。本书共分4篇。第1篇是PHP准备篇,介绍了PHP的优势、开发环境及安装;第2篇是PHP基础篇,介绍了PHP中的常量与变量、运算符与表达式、流程控制以及函数;第3篇是进阶篇,介绍

下载

在js中,双引号字符串中的双引号内容和单引号字符串中的单引号内容都必须进行转移,形式如下:

 

var str1 = "my mother say:"don't speak with stranger". ";

立即学习PHP免费学习笔记(深入)”;

 

var str2 = 'my mother say:"don't speak with stranger". ';

 

js中的常用转义字符有:

<span>“            ”
‘            ’
回车符      
换行符     

tab符     	
         \
注意: 回车符,换行符,空格和tab符其实也是跟a,b,c,d,和’,  “,  $  </span>& 等等符号“平等并列”的符号。

 

时间日期(Date)对象:

 

用于表示时间日期数据的对象。一个时间日期对象中包括了有关时间日期的各项具体信息,比如年,月,日,时分秒,毫秒,星期。

 

定义一个时间日期对象有以下几种形式:

 

    d1 = <span>new</span> Date();    <span>//</span><span>定义一个表示“当前时间”的日期对象, </span>
    d2 = <span>new</span> Date(“<span>2013</span>/<span>9</span>/<span>25</span> <span>11</span>:<span>18</span>:<span>19</span><span>”);    用一个字符串来定义一个指定时间(时刻)的日期对象
    d3 </span>= <span>new</span> Date(<span>2013</span>, <span>9</span>, <span>25</span>, <span>11</span>, <span>18</span>, <span>19</span><span>); 用多个(至少3个)数字来定义一个指定时间的日期对象
    d4 </span>= <span>new</span> Date(<span>2324624252312</span>);    用一个数字来定义个指定时间的日期对象。

 

此数字代表的是从1970年1月1日午夜0点0分0秒(甚至0毫米)开始算起所经历过的毫秒数。注意,一秒等于1000毫秒。——实际上,我们可以理解为:“时间”这种数据,在js中,其实其本质上只是存储了一个数字。如果该数值为负值,则表示往前推算。实际上,据此,时间是可以进行加减计算的。

这个时间点通常认为是计算机世界的“时间起点/原点”。

 时间对象的常用方法:

 

v1 =<span>  d1.toLocaleString();获得时间为“本地表示法”
    v1 </span>=<span>  d1.getTime();    获得一个时间的“毫米数”——从时间原点开始算起。
以下是获取时间中的某项数据值:
    v1 </span>=  d1.getFullYear();    <span>//</span><span>获得年数——是一个数字,下同</span>
    v1 =  d1.getMonth();    <span>//</span><span>获得月数    ——注意:此数字是从0开始算起的,即只能是:0-11</span>
    v1 =  d1.getDate();    <span>//</span><span>获得日期数</span>
    v1 =  d1.getDay();        <span>//</span><span>获得星期数</span>
    v1 =  d1.getHours();    <span>//</span><span>获得小时数</span>
    v1 =  d1.getMinutes();    <span>//</span><span>获得分钟数</span>
    v1 =  d1.getSeconds();    <span>//</span><span>获得秒数</span>
    v1 =  d1.getMilliseconds();<span>//</span><span>获得毫秒数</span>

 

以下是设置时间中的某项数据值:

d1.setFullYear( n );        <span>//</span><span>将d1这个时间对象的年份数设置为n这个数——即修改了其年份,下同。</span>
    d1.setMonth( n  );        <span>//</span><span>设置月份数</span>
d1. setDate(n  );        <span>//</span><span>设置日期数</span>
    d1. setDay(n  );        <span>//</span><span>设置星期数</span>
    d1. setHours(n  );        <span>//</span><span>设置小时数</span>
    d1. setMinutes(n  );    <span>//</span><span>设置分钟数</span>
    d1. setSeconds(n  );    <span>//</span><span>设置秒数</span>
    d1. setMilliseconds(n  );<span>//</span><span>设置毫秒数</span>

网页对象介绍

第一个重要观念:在html文件中的每个标签都是一个对象。

<span>var</span> obj1 =<span> {
                    name:”小花”,
                    age:</span><span>18</span><span>,
                    zuofan: functoin (){……},
                    xiyi: function(){……}
}
    </span><span>var</span> v1 =<span> obj1.age;
    alert( v1 );
    obj1.age </span>= <span>19</span>;    <span>//</span><span>过年了,增加了一岁——修改了obj1这个对象的age这个属性的值。</span>
    obj1.name = “大花”;

 获取网页标签对象的方式:

         var  obj1 = document.getElementById(“id名”);

操作对象的标签属性:

         获取: var v1 = obj1.标签属性名;

         赋值: obj1.标签属性名 = 某值;

操作对象的样式属性:

         获取:var v1 =  obj1.style.样式属性名;——其实这种方式只能获取其“行内样式”

         赋值:obj1.style.样式属性名 = 某值;

 

获取网页标签对象的方式:

 

         var  obj1 = document.getElementById(“id名”);

 

操作对象的标签属性:

 

         获取: var v1 = obj1.标签属性名;

 

         赋值: obj1.标签属性名 = 某值;

 

操作对象的样式属性:

 

         获取:var v1 =  obj1.style.样式属性名;——其实这种方式只能获取其“行内样式”

 

         赋值:obj1.style.样式属性名 = 某值;

 

事件初步

简单说来,事件就是“动作”,也就是用户所在的某种操作,比如:点击,鼠标移动,双击,。。。。。。

先回顾与加强js的“定义”:js是一门基于对象的事件驱动的脚本语言。

 

事件有哪些:

 

<span>    鼠标事件:
        onclick: 
        onmouseover:
        onmouseout:
        ondblclick:    双击事件
        onmousedown:      鼠标按下去的时候发生(注意此时鼠标还没有抬起来)
        onmouseup:        鼠标抬起来的时候发生
        onmousemove:    鼠标移动的时候发生——移动无处不在。</span>

 

<span>键盘事件:
        onkeypress:    按键点击一次发生。
        onkeydown:    按键按下去的时候发生
        onkeyup:        按键抬起来的时候发生</span>
<span>表单事件:
        onsubmit    :    当一个表单正要“提交”的时候发生
        onfocus:        当一个表单项“获得焦点”的时候发生。
        onblur:        当一个表单项“失去焦点”的时候发生
        onchange:    当一个表单项的数据发生改变的时候——通常只用于select标签的选项改变。</span>
<span>其他:
        onload:        当网页“一加载成功”的时候发生,也就是网页打开的时刻——onload在一个页面上只能出现一次。  onload只能写在body标签上,或者要么就不在标签中写,而是在脚本中使用window.onload的实线。</span>

小结:事件随时发生,无处不在,只在于我们想要在哪个对象上使用哪个事件来完成什么工作。

其基本的代码模式为:

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

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

event对象

         event是一个浏览器内部的对象(注意,不是网页标签对象),它代表事件发生的时候跟事件有关的相关信息的集合体(对象就是信息的集合体)——它只在事件发生的时候存在!

         event通常就只用于获取在事件发生的时候的有关信息,比如:鼠标该时刻的坐标位置(x和y),是哪个网页对象发生了该事件,发生事件的时候是哪个鼠标按键触发的,或哪个键盘上的键。以上信息由以下几个event属性来获取:

         event.clientX   ——获取事件发生的时候鼠标的x坐标位置

         event.clientY   ——获取事件发生的时候鼠标的y坐标位置

         event.target    ——获取事件发生的时候的那个标签对象(适用于FF)——类似getElementById获取的对象

         event.srcElement    ——获取事件发生的时候的那个标签对象(适用于IE)——类似getElementById获取的对象

         ——事件发生的时候的那个标签对象通常被称为“事件源”。

         event.keyCode                   ——键盘事件发生的时候的按键的键值——键盘上每个键都对应一个数字值。

 

<span>this和event的使用对比:
    </span><标签名1  on事件名=”函数名f1(<span>this</span>)”  >。。。。。</标签名1>
    <标签名2  on事件名=”函数名f2(<span>event</span>)”  >。。。。。</标签名2>
    <script><span>
        function f1 ( obj )
        {
            </span><span>//</span><span>在此范围内,obj代表的就是“标签名1”这个对象,类似使用getElementById获得的对象</span>
<span>}
function f2 ( evt )
        {
            </span><span>//</span><span>在此范围内,evt代表的是事件发生的时候的event对象。
            </span><span>//</span><span>这里使用evt,基本上也就是使用其以下属性(根据需要取用):</span>
            <span>var</span> v1 = evt.clientX;    <span>//</span><span>获得鼠标当时的x坐标</span>
            <span>var</span> v2 = evt.clientY;    <span>//</span><span>获得鼠标当时的y坐标</span>
            <span>var</span> v3 = evt.keyCode;    <span>//</span><span>获得键盘的按键值(只对键盘事件有效)</span>
            <span>var</span> v4 = evt.target;        <span>//</span><span>获得事件源对象,IE是:evt.srcElement;</span>
<span>}
    </span></script>

 

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/967697.htmlTechArticlephp基础学习笔记javascript(5),学习笔记javascript 字符串中的特殊字符: 在js中,双引号字符串中的双引号内容和单引号字符串中的单引号内...

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

76

2026.03.11

Go高并发任务调度与Goroutine池化实践
Go高并发任务调度与Goroutine池化实践

本专题围绕 Go 语言在高并发任务处理场景中的实践展开,系统讲解 Goroutine 调度模型、Channel 通信机制以及并发控制策略。内容包括任务队列设计、Goroutine 池化管理、资源限制控制以及并发任务的性能优化方法。通过实际案例演示,帮助开发者构建稳定高效的 Go 并发任务处理系统,提高系统在高负载环境下的处理能力与稳定性。

38

2026.03.10

Kotlin Android模块化架构与组件化开发实践
Kotlin Android模块化架构与组件化开发实践

本专题围绕 Kotlin 在 Android 应用开发中的架构实践展开,重点讲解模块化设计与组件化开发的实现思路。内容包括项目模块拆分策略、公共组件封装、依赖管理优化、路由通信机制以及大型项目的工程化管理方法。通过真实项目案例分析,帮助开发者构建结构清晰、易扩展且维护成本低的 Android 应用架构体系,提升团队协作效率与项目迭代速度。

83

2026.03.09

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

97

2026.03.06

Rust内存安全机制与所有权模型深度实践
Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开,深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例,分析内存安全保障原理与零成本抽象优势,并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学,掌握在高性能与安全性并重场景中的工程实践能力。

223

2026.03.05

PHP高性能API设计与Laravel服务架构实践
PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开,重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景,深入分析性能瓶颈定位与优化思路,帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

458

2026.03.04

AI安装教程大全
AI安装教程大全

2026最全AI工具安装教程专题:包含各版本AI绘图、AI视频、智能办公软件的本地化部署手册。全篇零基础友好,附带最新模型下载地址、一键安装脚本及常见报错修复方案。每日更新,收藏这一篇就够了,让AI安装不再报错!

169

2026.03.04

Swift iOS架构设计与MVVM模式实战
Swift iOS架构设计与MVVM模式实战

本专题聚焦 Swift 在 iOS 应用架构设计中的实践,系统讲解 MVVM 模式的核心思想、数据绑定机制、模块拆分策略以及组件化开发方法。内容涵盖网络层封装、状态管理、依赖注入与性能优化技巧。通过完整项目案例,帮助开发者构建结构清晰、可维护性强的 iOS 应用架构体系。

246

2026.03.03

C++高性能网络编程与Reactor模型实践
C++高性能网络编程与Reactor模型实践

本专题围绕 C++ 在高性能网络服务开发中的应用展开,深入讲解 Socket 编程、多路复用机制、Reactor 模型设计原理以及线程池协作策略。内容涵盖 epoll 实现机制、内存管理优化、连接管理策略与高并发场景下的性能调优方法。通过构建高并发网络服务器实战案例,帮助开发者掌握 C++ 在底层系统与网络通信领域的核心技术。

34

2026.03.03

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号