javascript:入门笔记

1:html注释:

<html>
<body>
<script type="text/javascript">
<!--
document.write("Hello World!");
//两个正斜杠是 JavaScript 的注释符号,它会阻止 JavaScript 编译器对这一行的编译-->
</script>
</body>
</html>

2:支持三元运算符

greeting=(visitor=="PRES")?"Dear President ":"Dear ";

3:三种消息框

警告框:alert("text")

确认框:confirm("text")

提示框:prompt("noon",12)

4:类似python的for in

var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (x in mycars)
{
document.write(mycars[x] + "<br />")
}

5:异常处理

<html>
<body>
<script type="text/javascript">
while(true){
var x=prompt("Enter a number between 0 and 10:","")
try
{
if(x>10)
throw "Err1"
else if(x<0)
throw "Err2"
else
break
}
catch(er)
{
if(er=="Err1")
alert("Error! The value is too high")
if(er == "Err2")
alert("Error! The value is too low")
}}
</script>
</body>
</html

6:显示时间

<html>

<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById(‘txt‘).innerHTML=h+":"+m+":"+s
t=setTimeout(‘startTime()‘,500)
}

function checkTime(i)
{
if (i<10)
  {i="0" + i}
  return i
}
</script>
</head>

<body >
<div id="txt"></div>
</body>

</html>

javascript:入门笔记

时间: 2024-08-04 13:10:42

javascript:入门笔记的相关文章

LEADTOOLS HTML5&amp;Javascript 入门笔记

TODO:待编辑 将HTML5 / JavaScript查看器控件添加到HTML文档 <head> <script type="text/javascript"> run: function SiteLibrary_DefaultPage$run() { // Create the viewer var createOptions = new Leadtools.Controls.ImageViewerCreateOptions('imageViewerDiv'

JavaScript入门笔记1

JavaScript是一种直译式脚本语言,为HTML网页增加动态功能. <script type="text/javascript">(text表示两个标签之间的文本类型,javascript表示的是浏览器的文本是属于JavaScript语言) document.write("..."); ..... </script> 1.在写javaScript代码的时候我们拥有两种方式: 第一种是写在HTML的文件中,通常这时候我们会用 上面的方式,来

JavaScript入门笔记:全选功能的实现

当页面提供了复选框之后,一般还会提供"全选"与"取消全选"(或"全不选")按钮.那么如何通过JavaScript代码实现此功能呢?这里提供了一个思路:利用按钮的onclick事件,调用Javascript函数,并根据传入的参数进行"全选"与"取消全选"(或"全不选")操作,下面是完整的代码,存入一个html文件即可运行演示: <!DOCTYPE html> <html&

JavaScript入门笔记(一)

JavaScipt 2.1 javascript的组成部分 ECMAScript: 它是整个 javascript 的核心,包含(基本语法.变量.关键字.保留字.数据类型.语句.函数等等)DOM:文档对象模型,包含(整个 html 页面的内容).BOM:浏览器对象模型,包含(整个浏览器相关内容) 步骤(BOM) 1. window对象 第一步: 确定事件(onsubmit)并为其绑定一个函数 第二步: 书写这个函数(获取用户输入的数据<需要在指定位置定义一个id>) 第三步: 对用户输入的数据

JavaScript入门--慕课网学习笔记

 JAVASCRIPT-(慕课网)入门篇 我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间. <script type="text/javascript">表示在<script></script>之间的是文本类型(text),ja

Ajax 入门笔记

AJAX =Asynchronous Javascript + XML,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. XMLHttpRequest 是 AJAX 的基础.XMLHttpRequest 用于在后台与服务器交换数据.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 1:创建 XMLHttpRequest 对象 为

jQuery 入门笔记1

jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多). 1:jQuery使用 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#

Angular入门笔记

AngularJS(下面简称其为ng)是Google开源的一款JavaScript MVC框架,弥补了HTML在构建应用方面的不足,其通过使用指令(directives)结构来扩展HTML词汇,使开发者可以使用HTML来声明动态内容,从而使得Web开发和测试工作变得更加容易. 一.历史 AngularJS最初由Misko Hevery和Adam Abrons于2009年开发,后来成为了Google公司的项目. 当前最新版是:1.2.0-beta.10 当前最新稳定版是:1.2.16 二.授权 A

Django入门笔记【六】

入门笔记翻译整理自:https://docs.djangoproject.com/en/1.8/ *该笔记将使用一个关于投票网络应用(poll application)的例子来阐述Django的用法. *静态文件(static files):images, JavaScript, CSS 1. 自定义应用外观(look and feel) 创建polls/static目录.Django的STATICFILES_FINDERS会寻找静态文件.在static目录下,创建polls/style.css