我的JavaScript学习笔记

最新推荐文章于 2024-07-20 10:36:53 发布
最新推荐文章于 2024-07-20 10:36:53 发布
阅读量137 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/guoxiaowen/archive/2008/02/26/1082580.html
版权
1.为了避免不支持JavaScript脚本的浏览器将脚本内容显示在页面上,我们可以在代码上加上注释:
<html>
    <body>
         <script type="text/javascript">
            <!--
                document.write("<h1>Hello World!</h1>")
            //-->
        </script>
     </body>
</html>
注释行末尾的两个正斜杠是 JavaScript 的注释符号，它会阻止 JavaScript 编译器对这一行的编译.

2.如何调用外部JavaScript?
<html>
    <head>
        <script src="/js/example_externaljs.js">
        </script>
    </head>
    <body>
        <p>
            The actual script is in an external script file called "xxx.js".
        </p>
    </body>
</html>

3.变量的寿命
在函数中声明的变量只能在函数中使用。当你退出函数时，变量就会被释放.这种变量被称为局部变量.因为每个局部变量只在各自的函数中有效，所以你可以在不同的函数中使用名称相同的变量.
如果在函数之外声明变量，那么页面中所有的函数都可以使用它.在全局变量被声明后，它们就开始生效了.在网页被关闭后，变量才会失效.

4.实现随机链接
<html>
<body>
<script type="text/javascript">
var r=Math.random()
if (r>0.5)
{
document.write("<a href='http://www.w3school.com.cn'>Learn Web Development!</a>")
}
else
{
document.write("<a href='http://www.microsoft.com'>Visit Microsoft!</a>")
}
</script>
</body>
</html>

5.脚本中如何取得日期值
var d=new Date();
theDay=d.getDay();    //theDay=0|1|2|...;
其中Sunday=0, Monday=1, Tuesday=2, etc.

6.比较运算符===
===等于(检查值和类型)x=5 y="5" x==y 返回值为 true x===y 返回值为 false


7.确认框
<html>
<head>
<script type="text/javascript">
function disp_confirm()
  {
  var r=confirm("Press a button")
  if (r==true)
    {
    document.write("You pressed OK!")
    }
  else
    {
    document.write("You pressed Cancel!")
    }
  }
</script>
</head>
<body>
<input type="button" οnclick="disp_confirm()" value="Display a confirm box" />
</body>
</html>

8.提示框
<html>
<head>
<script type="text/javascript">
function disp_prompt()
  {
  var name=prompt("Please enter your name","Harry Potter")
  if (name!=null && name!="")
    {
    document.write("Hello " + name + "! How are you today?")
    }
  }
</script>
</head>
<body>
<input type="button" οnclick="disp_prompt()" value="Display a prompt box" />
</body>
</html>
其中语法为:prompt("文本","默认值")

9.带有确认框的try...catch...语句
<html>
<head>
<script type="text/javascript">
var txt=""
function message()
{
try
  {
  adddlert("Welcome guest!")    //此处正确语法为:alert("...");
  }
catch(err)
  {
  txt="There was an error on this page.\n\n"
  txt+="Click OK to continue viewing this page,\n"
  txt+="or Cancel to return to the home page.\n\n"
  if(!confirm(txt))    //产生确认框;
    {
    document.location.href="http://www.w3school.com.cn/"
    }
  }
}
</script>
</head>
<body>
<input type="button" value="View message" οnclick="message()" />
</body>
</html>
若要捕获错误描述,代码为:err.description



10.判断变量是否Number型: isNaN(x)

11.如何使用 onerror 事件来捕获错误?
<html>
<head>
<script type="text/javascript">
onerror=handleErr
var txt=""
function handleErr(msg,url,l)
{
txt="There was an error on this page.\n\n"
txt+="Error: " + msg + "\n"
txt+="URL: " + url + "\n"
txt+="Line: " + l + "\n\n"
txt+="Click OK to continue.\n\n"
alert(txt)
return true
}
function message()
{
adddlert("Welcome guest!")
}
</script>
</head>
<body>
<input type="button" value="View message" οnclick="message()" />
</body>
</html>

12.如何在 JavaScript 中使用反斜杠来向文本字符串添加特殊字符?

代码输出
\'单引号
\"双引号
\&和号
\\反斜杠
\n换行符
\r回车符
\t制表符
\b退格符
\f换页符
补充:你可以在 字符串内部使用反斜杠 对代码进行折行。下面的例子是正确的:
document.write("Hello \
World!")

13.使用字符串对象的 toUpperCase() 方法来显示大写字母文本,如下例子:
<script type="text/javascript">
var str="Hello world!"
document.write(str.toUpperCase())
</script>
上面的代码输出为:HELLO WORLD!

14.如何为字符串添加样式?
<html>
<body>
<script type="text/javascript">
var txt="Hello World!"
document.write("<p>Big: " + txt.big() + "</p>")
document.write("<p>Small: " + txt.small() + "</p>")
document.write("<p>Bold: " + txt.bold() + "</p>")
document.write("<p>Italic: " + txt.italics() + "</p>")
document.write("<p>Blink: " + txt.blink() + " (does not work in IE)</p>")
document.write("<p>Fixed: " + txt.fixed() + "</p>")
document.write("<p>Strike: " + txt.strike() + "</p>")
document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>")
document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>")document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>")
document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>")document.write("<p>Subscript: " + txt.sub() + "</p>")
document.write("<p>Superscript: " + txt.sup() + "</p>")
document.write("<p>Link: " + txt.link(http://www.cnblogs.com/guoxiaowen) + "</p>")
</script>
</body>
</html>
运行结果为:
Big: Hello World!
Small: Hello World!
Bold: Hello World!
Italic: Hello World!
Blink: Hello World! (does not work in IE)    //文字闪烁
Fixed: Hello World!
Strike: Hello World!
Fontcolor: Hello World!
Fontsize: Hello World!

Lowercase: hello world!
Uppercase: HELLO WORLD!
Subscript: Hello World!
Superscript: Hello World!
Link: Hello World!

15.如何使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置?
<html>
<body>
<script type="text/javascript">
var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")
document.write(str.indexOf("World") + "<br />")
document.write(str.indexOf("world"))
</script>
</body>
</html>
运行结果为:
0
-1
6

16.如何使用 match() 来查找字符串中特定的字符，并且如果找到的话，则返回这个字符,否则返回null
<html>
<body>
<script type="text/javascript">
var str="Hello world!"
document.write(str.match("world") + "<br />")
document.write(str.match("World") + "<br />")
document.write(str.match("worlld") + "<br />")
document.write(str.match("world!"))
</script>
</body>
</html>
运行结果为:
world
null
null
world!

17.如何使用 replace() 方法在字符串中用某些字符替换另一些字符
<html>
<body>
<script type="text/javascript">
var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/,"W3Schools"))    //此处用的'/'可以用双引号替代
</script>
</body>
</html>

18.如何获得当日的日期和时间?
<html>
<body>
<script type="text/javascript">
document.write(Date())
</script>
</body>
</html>
运行结果为:Wed Feb 27 09:26:53 2008

19.如何使用 setFullYear() 得到精确的日期?
<html>
<body>
<script type="text/javascript">
var d = new Date()
d.setFullYear(1992,10,3)
document.write(d)
</script>
</body>
</html>
运行结果为:Tue Nov 3 09:48:00 UTC+0800 1992
此处改变setFullYear(1992,10,3)中的参数,即可查询设定参数的精确日期

20.toUTCString():返回一个已被转换为字符串的，用全球标准时间 (UTC)表示的日期.
<html>
<body>
<script type="text/javascript">
var d = new Date()
document.write (d.toUTCString())
</script>
</body>
</html>
运行结果为:Wed, 27 Feb 2008 01:54:59 UTC    //我们与全球标准时间相差8个时区UTC+0800即为我们的北京时间

转载于:https://www.cnblogs.com/guoxiaowen/archive/2008/02/26/1082580.html

weixin_33957648
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript学习笔记
11-24
学习JavaScript时，了解这些基础知识是至关重要的。随着深入学习，你将接触到更高级的概念，如闭包、异步编程（回调函数、Promise、async/await）、模块系统以及现代框架如React、Vue和Angular的使用。JavaScript的...
Ruffy javascript 学习笔记
10-29
Ruffy javascript 学习笔记
js实现连接的两种放法
weixin_33966365的博客
09-18 66
第一种用document.write输出 <html> <body> <script type="text/javascript"> var r=Math.random() if (r>0.5) { document.write("<a href='http://www.w3school.com.cn'>学习 Web 开发！&l...
一起来进行javascript全面系统再学习(正在学习，不断更新中。。。)，（1）javascript基础
技术永不眠 Q：53195017
12-21 800
提示：大多数都是http://www.w3school.com.cn/网站里面的东西，想学的也去学吧。极其方便。 1，helloworld document.write("Hello World!") 2,当页面载入时，会执行位于 body 部分的 JavaScript。当被调用时，位于 head 部分的 JavaScript 才会被执行。 （1）调用之前已经载入了
尚硅谷JavaScript高级学习笔记
javaThinker的专栏
03-08 982
JavaScript中函数是对象。我们后续描述构造函数的内存模型时，会将构造函数称为构造函数对象。typeof 运算符来查看值的类型，它返回的是类型的字符串值 会做数据转换 输出： 每个函数都有一个prototype属性，它默认指向一个0bject空对象(即称为:原型对象) 给原型对象添加属性、方法，函数的所有实例对象自动拥有原型中的属性(方法) 16、显式原型和隐式原型 和 中保存的都是原型对象的地址值。Fun的prototype、f的__proto__属性什么时
Javascript入门学习笔记
weixin_61370021的博客
04-27 4602
JS入门学习笔记，JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。
JavaScript学习笔记
qq_53388077的博客
03-30 1532
JavaScript是一门跨平台、面向对象的脚本语言，是用来控制网页行为的。脚本语言通常直接解释执行，不需要编译，缩短了传统编程语言的运行过程/*定义格式：var 对象名={属性名1：属性值1，属性名2：属性值2，属性名3：属性值3，函数名称：function(形参列表){}*/var user={age:20,alert("用膳");//简化方法：eat(){alert("用膳");
javaScript学习笔记（一）js基础
热门推荐
一叶知秋
09-21 13万+
================================= 公众号 关注一波 （一叶知秋博客） 不定期分享视频资料 一、简介 1、概述： JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。 诞生于1995年，当时的主要目的是验证表单的数据是否合法。 Java...
学习笔记2 JavaScript
qwe121381122的博客
01-08 393
JavaScript 学习笔记 超详细（b站pink老师）
weixin_59531237的博客
05-10 5884
1. JavaScript （是什么？是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。2. 作用（做什么？– 网页特效 (监听用户的一些行为让网页作出对应的反馈)– 表单验证 (针对表单数据的合法性进行判断)– 数据交互 (获取后台的数据, 渲染到前端)– 服务端编程 (node.js)3. JavaScript的组成（有什么？
JavaScript新手入门学习笔记
qq_43389754的博客
12-04 4万+
JavaScript介绍 1.1 前端三要素 HTML 超文本标记语言 决定了网页中的视图内容 CSS 层叠样式表 决定了网页中的视图效果 JavaScript 赋予网页动态功能 1.2 JavaScript简介 JavaScript是一种基于对象的事件驱动型、弱类型的脚本语言 基于对象：区别于Java中的面向对象，遵循对象.方法的规则，但是没有类的概念 事件驱动：脚本语言代码需要由网页中的事件来触发执行 脚本语言：JS作为寄生语言，写在HTML网页中 JavaScript在1995年
JavaScript学习笔记（持续更新）
m0_46527956的博客
04-17 739
JavaScript学习笔记（持续更新）JavaScript1. 什么是JavaScript1.1 概述2. 快速入门2.1 引入JavaScript2.2 基本语法2.2.1 定义变量2.2.2 条件控制2.3 数据类型2.3.1 number2.3.2 字符串2.3.3 布尔值2.3.4 null和undefiend2.3.5 数组2.3.6 对象2.3.7 严格检查格式的使用2.3.8 字符串 JavaScript 1. 什么是JavaScript 1.1 概述 ECMAScript可以理解为是Jav
JavaScript 学习笔记（十一）
10-29
继续学习的是document对象。
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
OpenTiny的博客
07-17 1241
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
react 快速入门思维导图
weixin_44565776的博客
07-18 332
只要掌握了这些react技能，基本就可以熟练使用react了
Vue3企业级项目开发实战课-笔记记录
最新发布
tuku0801的专栏
07-20 819
实践 Vue 3 自研组件库开发、Node.js 服务端开发、Vue 3 结合 Node.js 的全栈项目开发以及全栈项目的单元测试等大厂常见的项目技术场景
vue3前端开发-如何让自己的网站适合SEO排名规则
yrldjsbk的博客
07-17 254
我们大家都知道，原始出生的vue3项目，原始代码层面，是没有meta标签的，也就是说，不适合SEO排名规则。SEO排名规则，蜘蛛爬虫抓取网站页面的内容，就会把这种meta标签内容进行采集，匹配。但是，这个技术要求大家还是应该知道的。黑马教育，课程，前端课程案例项目：小兔鲜儿超市，vue3前端项目案例。想学习vue3前端开发，拿来练习，实战的朋友们，值得一看哦。这个代码，就是我自己手工录入的。录入后，再次在浏览器界面刷新请求服务器。返回的代码模块就可以看见了。自己刚刚手工录入的meta信息出现了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值