文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端语言基础【第二篇：JavaScript】

它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能 脚本语言：不需要编译，可以直接被浏览器解析执行...在方法外部使用，在方法内部使用，在另外一个script标签使用 局部变量：在方法内部定义一个变量，只能在方法内部使用 如果在方法的外部调用这个变量，提示出错 SCRIPT5009: “xx”未定义 (...8) 为什么script有时候会放到``后 在js里面需要获取到input里面的值，如果把script标签放到head 里面会出现问题。...（不有缓存） http://www.baidu.com?...（超文本标记文档） html 、xml 对象： 提供了属性和方法 模型：使用属性和方法操作超文本标记型文档 可以使用js里面的dom里面提供的对象，使用这些对象的属性和方法，对标记型文档进行操作

2.4K20

动态调用js文件、外部js文件时，alert起作用 document.write不起作用

记住，在载入页面后，浏览器输出流自动关闭。在此之后，任何一个对当前页面进行操作的document.write()方法将打开—个新的输出流，它将清除当前页面内容(包括源文档的任何变量或值)。...因此，假如希望用脚本生成的HTML替换当前页面，就必须把HTML内容连接起来赋给一个变量，使用一个document.write()方法完成写操作。...不必清除文档并打开一个新数据流，一个document.write()调用就可完成所有的操作。 　　...在延时脚本的最后一个document.write()方法后面，必须确保含有document.close()方法，不这样做就不能显示图像和表单。...现在是页面已经加载进来了，所以我认为点击后，加载进来的js，执行document.write，那么文本的输出浏览器不处理，而不是像加载时输出在当前元素里面。

4.7K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    客户端的js js脚本的引入 js的解析过程

    即，表示web浏览器一个窗口或窗体。使用标识符window来完成引用。 属性 window对象定义了一些属性，用来指定当前窗口的一些信息。...为1996年的技术 ╮(╯▽╰)╭ 当脚本把文件传递给document.write()的时候，该文本会被添加到文档的输入流中，html解析器会在当前位置创建一个文本节点，将文本插入这个文本节点后面。...可以使用document.write()实现将文本插入流中。解析器恢复解析的时候，该文本会正式的成为文档的一部分，但是页面的源码中并不存在该内容。该操作此时是同步的，可以达到遍历和操作文档树的目的。...此时表明解析完成 所有有defer属性的脚本，会在此时执行，此时能访问完成的文档树，但是禁止使用document.write()因为此时文档树已经固定 浏览器进入异步事件驱动阶段。...此时文档全部解析完成，但浏览器可能在等待图片的加载，等所有的异步脚本全部完成载入和异步执行的时候，将会触发load事件，表明全部执行完成，readState将会改为complete 此刻调用异步事件，响应用户输入事件

    13.1K80

    JavaScript学习总结(一)——ECMAScript、BOM、DOM（核心、浏览器对象模型与文档对象模型）

    因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支 持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。...==5); //true 2.3、局部变量和全局变量 在函数中声明的变量只能在函数中使用，当你退出函数时，变量就会被释放，这种变量被称为局部变量。...fixed() 以打字机文本显示字符串。 fontcolor() 使用指定的颜色来显示字符串。 fontsize() 使用指定的尺寸来显示字符串。...另外，new Object和new Array也不建议使用，可以用{}和[]代替。...要求： 全选、反选、子项全部选项时父项被选择 完成所有功能 鼠标移动到每一行上时高亮显示（js） 尽量使用弹出窗口完成增加、修改、详细功能 删除时提示 使用正则验证 封装代码，最终运行的代码只有一个对象

    3.8K70

    从零开始学 Web 之 JavaScript（一）JavaScript概述

    为什么起名叫JavaScript？原因是当时Java语言非常红火，所以网景公司希望借Java的名气来推广，但事实上JavaScript除了语法上有点像Java，其他部分基本上没啥关系。...那为什么不直接把JavaScript定为标准呢？因为JavaScript是网景的注册商标。不过大多数时候，我们还是用JavaScript这个词。...由于浏览器在发布时就确定了JavaScript的版本，加上很多用户还在使用IE8这种古老的浏览器，这就导致你在写JavaScript的时候，要照顾一下老用户，不能一上来就用最新的ES6标准写，否则，老用户的浏览器是无法运行新版本的...（如：var） 4、前端组成 HTML：提供网页上显示的内容（结构） CSS：美化网页（样式） JavaScript：控制网页行为（行为） 5、js组成 js = ECMAScript + DOM +...document.write("内容"); // 在页面书写内容，其内容可以识别标签，比如：document.write("你好") 其他语句 alert("内容");

    1.4K20

    JavaScript基础教程

    JavaScript 文件是文本文件，扩展名为.js，使用任何文本编辑器都可以编辑。新建 JavaScript 文件的步骤如下。 第1步，新建文本文件，保存为 test.js。...因此，不管加载的文件扩展名是不是 .js，浏览器都会按 JavaScript 脚本来解析。 第6步，保存网页文档，在浏览器中预览，显示效果如图所示。...执行 JavaScript 程序 浏览器在解析 HTML 文档时，将根据文档流从上到下逐行解析和显示。...，首先弹出提示文本“顶部脚本”，然后显示网页标题“test”，接着弹出提示文本“头部脚本”，下面才显示一级标题文本“网页标题”，继续弹出提示文本“页面脚本”， 接着显示段落文本“正文内容”，最后弹出提示文本...考虑到 JavaScript 版本的兼容性以及开发习惯，不建议使用双字节的中文字符命名变量或函数名。

    21430

    JavaScript学习总结(一)——ECMAScript、BOM、DOM（核心、浏览器对象模型与文档对象模型）

    因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支 持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。...==5); //true 2.3、局部变量和全局变量 在函数中声明的变量只能在函数中使用，当你退出函数时，变量就会被释放，这种变量被称为局部变量。...fixed() 以打字机文本显示字符串。 fontcolor() 使用指定的颜色来显示字符串。 fontsize() 使用指定的尺寸来显示字符串。...另外，new Object和new Array也不建议使用，可以用{}和[]代替。...要求： 全选、反选、子项全部选项时父项被选择 完成所有功能 鼠标移动到每一行上时高亮显示（js） 尽量使用弹出窗口完成增加、修改、详细功能 删除时提示 使用正则验证 封装代码，最终运行的代码只有一个对象

    2.2K40

    用 80 行 Javascript 代码构建自己的语音助手

    在本教程中，我们将使用 80 行 JavaScript 代码在浏览器中构建一个虚拟助理（如 Siri 或 Google 助理）。...，该应用程序只能在 受支持的浏览器 上运行：Chrome（版本 25 以上）和 Edge（版本 79 以上）。...要构建这个 Web 应用程序，我们需要实现四个组件： 一个简单的用户界面，用来显示用户所说的内容和助理的回复。 将语音转换为文本。 处理文本并执行操作。 将文本转换为语音。...由于这个 API 只能在受支持的浏览器中使用，我们将显示警告信息并阻止用户在不受支持的浏览器中看到 Start 按钮。...在这个应用程序中，我们将 continuous 和 interimResults 设置为 true，以便实时显示语音文本。

    1.2K20

    JS 如何创建、读取和删除cookie

    Cookie 是什么鬼 Cookie 是一小段文本信息，伴随着用户请求和页面在 Web 服务器和浏览器之间传递。用户每次访问站点时，Web 应用程序都可以读取 Cookie 包含的信息。...所有的cookie都是以纯文本的形式记录于文件中，因此如果要保存用户名密码等信息时，最好事先经过加密处理。 Cooke 工作方式 服务器以cookie的形式向访问者的浏览器发送一些数据。...如果浏览器允许接受 cookie。 则将其作为纯文本记录存储在访问者的硬盘上。 ? 当访问者跳转到另一个页面时，浏览器会将相同的cookie发送到服务器进行检索。...如果设置了这个Cookie的域名值，那么意味着域名上的所有服务器，而不仅是你正在访问的服务器，都能访问这个Cookie，通常不要这样做。...如果不指定路径，有些浏览器不会让咱们删除 cookie。

    14K10

    WEB入门之十一 JS面向对象

    通过XML，数据能够存储在独立的XML文件中，从而专注地使用HTML进行布局和显示，且修改底层数据时无须再次对HTML进行任何改变。...对于开发人员而言，在因特网上不兼容的系统之间交换数据特别耗费时间。可以通过各种不兼容的应用程序来读取数据，使用XML交换数据可以降低这种复杂性。 （4）简化平台的变更。...升级到新系统（硬件或软件平台）相对费时的情况下，不兼容的数据在转换大量的数据时经常丢失。XML数据以文本格式存储，这使XML可以在不丢失数据的前提下更易于扩展或升级到新的操作系统、应用程序或浏览器。...那么在IE浏览器中使用XML Document对象的loadXml()方法加载XML文本；在Firefox等浏览器中使用DOM解析器对象DOMParser的parseFromString（）方法加载XML...不同浏览器加载XML文件的方式不同 二、上机练习 定义一个XML文本存储3本图书信息，包括图书名、作者和价格，然后使用JavaScript进行解析并输出所有的图书信息。

    10610

    JavaScript交互式网页设计 • 【第3章 JavaScript浏览器对象模型】

    history history 对象保存窗口最近加载的 URL location 当前窗口的 URL status 状态栏文本 window 对象常用方法 方法 说明 prompt 显示可提示用户输入的对话框...alert 显示带有一个提示消息和一个确定按钮的警示框 confirm 显示一个带有提示信息、确定和取消按钮的确认框 close 关闭浏览器窗口 open 打开一个新的浏览器窗口，加载给定URL所指定的文档...返回目标设备或缓冲器上的调色板的比特深度 pixelDepth 返回显示屏幕的颜色分辨率（比特每像素） width 返回显示器屏幕的宽度 height 返回显示器屏幕的高度 示例：使用screen对象中的属性获取访问者的屏幕信息...，所以可以使用对象检测来嗅探不同的浏览器。...本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

    81410

    onbeforeunload事件_pageload事件何时触发

    IE浏览器在对话框中显示返回的字符串，但其他浏览器会显示自己的消息。如果未提供任何值，则以静默方式处理事件。...[1]为了防止网站欺骗用户，谷歌浏览器和火狐浏览器已经废弃设置returnValue，谷歌浏览器和火狐浏览器弹窗只显示各自系统通用字符串，忽略自定义字符串，IE依然可以显示自定义字符串，Edge(IE12...PS：不用再怀疑为什么设置了returnValue没有效果了。...通过地址栏或收藏夹前往其他页面的时候 点击返回，前进，刷新，主页其中一个的时候 点击 一个前往其他页面的url连接的时候 使用document.write() 方法（输出内容） 使用document.open...使用form.submit() 提交表单的时候 应用场景 onbeforeunload对话框用于现代Web上的两件事： 防止用户无意中丢失数据。 欺骗用户。

    3K20

    Web前端开发JavaScript提高

    ""); ◆RegExp 对象◆ 正则表达式并非一门专用语言,但也可以看作是一种语言,它可以让用户通过使用一系列普通字符和特殊字符构建能明确描述文本字符串的匹配模式....除了简单描述这些模式之外,正则表达式解释引擎通常可用于遍历匹配,并使用模式作为分隔符来将字符串解析为子字符串,或以智能方式替换文本或重新设置文本格式.正则表达式为解决与文本处理有关的许多常见任务提供了有效而简捷的方式...,只要打开一个浏览器窗口,就创建了一个Window对象,即使没有在窗口上显示任何内容....document.getElementsByName("MyDiv"); //通过标签名称找出标签 //id.innerText = "www.mkdirs.com"; 不生效...◆键盘事件◆ keyDown: 当键盘按下某个键时会触发KeyDown事件,用于浏览器窗体,图像,超链接,文本区域.

    2.3K20

    JavaScript的使用前言

    前言: JavaScript作为使用得最多的脚本语言，可以说是无处不在。所有主流浏览器都支持JavaScript。目前，全世界大部分网页都使用JavaScript。它可以让网页呈现各种动态效果。...6、输出内容： 可以使用document.write() 直接在网页中输出内容，，就和Java的System.out.println()差不多，可以输出变量，也可以输出""之间的内容，还可以加...提供的方法有很多，此处不逐一列举，常用的有Math.random()，用来获取随机数。...History对象的属性： 属性 含义 length 浏览器历史列表中的URL数量 History对象的方法： 方法 作用 back() 相当于返回上一页 forward() 加载history列表中的下一个...4、显示和隐藏(display): 我们在论坛或者贴吧下载别人分享的资源时，通常是要评论了以后才会显示下载链接，没评论就不会显示，这就是用到了display属性。

    2.6K20

    WEB入门之十一 JS面向对象

    通过XML，数据能够存储在独立的XML文件中，从而专注地使用HTML进行布局和显示，且修改底层数据时无须再次对HTML进行任何改变。...对于开发人员而言，在因特网上不兼容的系统之间交换数据特别耗费时间。可以通过各种不兼容的应用程序来读取数据，使用XML交换数据可以降低这种复杂性。 （4）简化平台的变更。...升级到新系统（硬件或软件平台）相对费时的情况下，不兼容的数据在转换大量的数据时经常丢失。XML数据以文本格式存储，这使XML可以在不丢失数据的前提下更易于扩展或升级到新的操作系统、应用程序或浏览器。...，那么在IE浏览器中使用XML Document对象的loadXml()方法加载XML文本；在Firefox等浏览器中使用DOM解析器对象DOMParser的parseFromString（）方法加载XML...不同浏览器加载XML文件的方式不同 二、上机练习 定义一个XML文本存储3本图书信息，包括图书名、作者和价格，然后使用JavaScript进行解析并输出所有的图书信息。

    11110

    深入分析IE地址栏内容泄露漏洞

    总之，我认为这些漏洞应该得到修补，或至少给IE用户一个醒目的警告，比如“我们不再支持这个浏览器，请使用Microsoft Edge”。 在我看来，微软正在试图摆脱IE，这个毫无疑问。...不过，如果直接告诉用户他们的旧版浏览器没有像Edge那样得到足够的维护会显得更诚实一些。根据Netmarketshare的统计显示，IE仍比Edge更受欢迎，两者用户之比是17% vs 6%。...但是不管未来怎样，我们现在先来探讨一下IE上的另一个漏洞：允许攻击者知道用户将要浏览的地址。什么，这是读心术吗?不，当然不是，下面让我们来看看IE是如何让攻击者做出魔幻般的事情的。...确切地说，它将返回写入地址栏中的文本。如果读者是急性子的话，可以先观看视频，了解一下攻击者是如何读取用户输入到IE地址栏内的内容的!...实际上，在用户离开时，我们直接执行document.write就行了。

    67550
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券