[JS基础]JavaScript精简学习2：浏览器输出

最新推荐文章于 2024-04-18 09:43:47 发布
最新推荐文章于 2024-04-18 09:43:47 发布
阅读量247 收藏
点赞数
文章标签： javascript 浏览器 date html function url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/szt11/article/details/7177036
版权
 

26 访问document对象
1: <script language=”JavaScript”>
2: var myURL = document.URL;
3: window.alert(myURL);
4: </script>


27 动态输出HTML
1: <script language=”JavaScript”>
2: document.write(“<p>Here’s some information about this document:</p>”);
3: document.write(“<ul>”);
4: document.write(“<li>Referring Document: “ + document.referrer + “</li>”);
5: document.write(“<li>Domain: “ + document.domain + “</li>”);
6: document.write(“<li>URL: “ + document.URL + “</li>”);
7: document.write(“</ul>”);
8: </script>


28 输出换行
1: document.writeln(“<strong>a</strong>”);
2: document.writeln(“b”);


29 输出日期
1: <script language=”JavaScript”>
2: var thisDate = new Date();
3: document.write(thisDate.toString());
4: </script>


30 指定日期的时区
1: <script language=”JavaScript”>
2: var myOffset = -2;
3: var currentDate = new Date();
4: var userOffset = currentDate.getTimezoneOffset()/60;
5: var timeZoneDifference = userOffset - myOffset;
6: currentDate.setHours(currentDate.getHours() + timeZoneDifference);
7: document.write(“The time and date in Central Europe is: “ + currentDate.toLocaleString());
8: </script>


31 设置日期输出格式
1: <script language=”JavaScript”>
2: var thisDate = new Date();
3: var thisTimeString = thisDate.getHours() + “:” + thisDate.getMinutes();
4: var thisDateString = thisDate.getFullYear() + “/” + thisDate.getMonth() + “/” + thisDate.getDate();
5: document.write(thisTimeString + “ on “ + thisDateString);
6: </script>


32 读取URL参数
1: <script language=”JavaScript”>
2: var urlParts = document.URL.split(“?”);
3: var parameterParts = urlParts[1].split(“&”);
4: for (i = 0; i < parameterParts.length; i++) {
5: var pairParts = parameterParts[i].split(“=”);
6: var pairName = pairParts[0];
7: var pairValue = pairParts[1];
8: document.write(pairName + “ ：“ +pairValue );
9: }
10: </script>
你还以为HTML是无状态的么？

欢迎光临学网,收藏本篇文章 [1] [2]

$False$

33 打开一个新的document对象
1: <script language=”JavaScript”>
2: function newDocument() {
3: document.open();
4: document.write(“<p>This is a New Document.</p>”);
5: document.close();
6: }
7: </script>


34 页面跳转
1: <script language=”JavaScript”>
2: window.location = “[url]http://www.liu21st.com/[/url]”;
3: </script>


35 添加网页加载进度窗口
1: <html>
2: <head>
3: <script language='javaScript'>
4: var placeHolder = window.open('holder.html','placeholder','width=200,height=200');
5: </script>
6: <title>The Main Page</title>
7: </head>
8: <body onLoad='placeHolder.close()'>
9: <p>This is the main page</p>
10: </body>
11: </html>

szt11
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
lightning-fs:浏览器的精简快速“ fs”
04-28
@ isomorphic-git /闪电-fs 浏览器的精简快速“ fs”动机我想看看我是否可以比或更快地完成一些事情，这些东西仍然实现了足够的fs API以在浏览器中运行测试套件。与其他图书馆的比较该库甚至无法实现完整的 API。 ...
2编写一个简单的脚本
小飞虫
06-09 1162
1将javascript组合到html script标识符 在html中包括脚本很方便，每个脚本必须包含在script容器标识符内，即：要用打开标识符开始脚本，用关闭标识符来结束脚本。如： javascript程序 script标识符的属性 SRC，包含Javascript源代码的文件的URL，文件应以js为扩展名。 LANGUAGE表示在javascript 2.0使用的
html js在页面中输入两个数计算和
weixin_30477293的博客
07-17 3340
费了很大功夫，之前写的跟这个差不多，但是就是不能正常运行，找不到原因，这个搞定的记录一下 1 <html> 2 <head> 3 <title></title> 4 <meta name="generator" 5 content="HTML Tidy for HTML5 (experimen...
Chrome 中的 JavaScript 断点设置和调试技巧
wqc02的专栏
04-23 3591
你是怎么调试 JavaScript 程序的？最原始的方法是用 alert() 在页面上打印内容，稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~，用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题。不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了。本文主要介绍其中的 JavaScript 断点设置和调试功能
JavaScript精简学习2：浏览器输出
jandroid
10-16 82
26 访问document对象 1: &lt;script language=”JavaScript”&gt; 2: var myURL = document.URL; 3: window.alert(myURL); 4: &lt;/script&gt; 27 动态输出HTML 1: &lt;script language=”JavaScript”&gt; 2: do...
JavaScript编程（上篇）
KeepStruggling的博客
09-02 2811
1. 概述 1.1 JavaScript的作用 作用：实现与用户交互，提升网页的功能，提高用户体验 1.2 JavaScript与Java的区别 特点 Java JavaScript 面向对象 完全面向对象（继承、封装、多态） 基于对象，不完全面向对象 运行方式 编译型，生成中间文件字节码 解释型语言，不生成中间文件，直接运行...
JavaScript实现——两数之和
李豆豆的博客
01-30 2953
题目 给定整数的一个数组，找出这样的两个数，他们的加和等于一个特定的目标数字（target）。 输入：numbers={2，7，11，15}，target=9 输出：index=1，index=2 解析 js中的对象是基于哈希表结构的，而哈希表的查找时间复杂度为O(1)。 在所给数组中查找依次查找与当前值所对应的目标值是否存在，如果存在则记录当前index值。
用javascript实现使用prompt输入两个数和运算符号，并计算两个数的操作结果
热门推荐
Shi_Yuan_Csdn的博客
08-22 3万+
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;input type=&q
JS的输出
dazhi_100的专栏
03-08 697
JavaScript 通常用于操作 HTML 元素。 操作 HTML 元素 如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。 请使用 "id" 属性来标识 HTML 元素： 例子 通过指定的 id 来访问 HTML 元素，并改变其内容： My First Web Page id="dem
javascript 浏览器检测代码精简版
10-29
javascript检测浏览器精简版，需要的朋友可以参考下。
精简推特：浏览器扩展，可简化Twitter界面并添加有用的功能
02-05
浏览器扩展程序可简化Twitter界面并添加有用的功能 该项目不再维护。 Twitter重新编写了他们的网站，并完全破坏了该扩展名，而可靠地修改新网站要困难得多。 我也没有时间去修复这些问题，也没有人加紧进行修复。 ...
litespeed.js:精简且快速的微型javascript框架，易于学习**
05-02
Litespeed.js是一个用于构建简单Web应用程序的微型Javascript框架。 Litespeed.js是一种无依赖关系且易于学习的框架，可让您以语义和声明性方式扩展DOM功能。 litespeed.js框架的主要功能包括体系结构，内置的单页面...
javascript中常用的输出方式
my466879168的博客
06-26 215
常用的输出方式 alert输出的结果都是字符串 原理是先把要输出的值toString转化为字符串后再输出 confirm：和alert用法一致，只不过提示的框中有确定和取消两个按钮，所以他是确认提示框 var flag =confirm('确认退出吗？') if(flag){ //true 用户点击的确定的按钮 }else{ //false 用户点击的是取消的按钮 } prompt:在confirm的基础上增加输入框 console.log在浏览器的控制台输出日志 elements：当前页面中的元
浏览器嵌入自定义JS脚本
BugMaker
11-27 1万+
在页面中嵌入自己写的Javascript脚本
JavaScript小案例——输入两个数，计算两者的和，打印到页面中
weixin_54645034的博客
08-06 4435
简单实操js的输入输出
JS写一个简单的程序，输入两个整数，打印这两个数的和，差，积，余数
weixin_30487317的博客
10-22 659
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="test" id="n1" value="" /> &lt...
【JS】:JS实现的一个网页输入然后输出加和的网页
阳光心态，健康人生的博客
04-09 2443
直接给源码：<!DOCTYPE html> <html> <body> <p id="demo">kkkkkkk </p> <input id="1" type ="text"> <input id="2" type ="text"> <script> function mm(){ var x = document.getElementById("1").value; var y =
使用 Fetch API 执行 GraphQL 查询和变体
ikxin的博客
04-15 1069
GraphQL 是从远程服务器查询数据的强大工具，也是我构建 API 的首选方式。对一些人来说，学习它可能有一定难度，因为教程通常使用 Apollo 或 Relay 等工具进行编写。这些工具很不错，但通常更适用于复杂项目。在某些情况下，最好选择更轻量级的方法，并且不要通过添加额外的库增加包大小。在这种情况下，你可以直接使用浏览器中提供的工具，在本快速教程中，我们将使用在你的浏览器中通常可用的fetch。让我们首先简单地回顾一下fetch。
Storage 工具如何封装(前缀、加密、过期时间等)及localStorage的基础介绍
最新发布
qq_43641110的博客
04-18 568
​​​​​​​。
flarum论坛如何html,试玩Flarum极精简论坛及搭建过程
05-24
2. 配置 Flarum 安装完成后，你需要进行一些配置，包括数据库配置、邮件配置、基本设置等等。具体的配置方法可以参考 Flarum 的官方文档。 3. 启动 Flarum 完成配置后，使用以下命令启动 Flarum： ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值