javascript 学习随笔1
html部分
<body onload="message()"><!--主题部分加载就调用-->
document.getElementById("demo").innerHTML=myFunction(4,3);<!-- 将函数返回值显示在指定的地方 -->
javascript部分
var r=Math.random()
//产生0-1的随机数
function disp_alert()
{
alert("我是警告框！！")
}
//弹出警告框 function disp_alert()
{
alert("再次向您问好！在这里，我们向您演示" + '\n' + "如何向警告框添加折行。")
}
//带折行的警告框 function show_confirm()
{
var r=confirm("Press a button!");
if (r==true)
{
alert("You pressed OK!");
}
else
{
alert("You pressed Cancel!");
}
}//确认框 function disp_prompt()
{
var name=prompt("请输入您的名字","Bill Gates")
var age=prompt("请输入您的年龄","18")
if (name!=null && name!="")
{
document.write("你好！" + name + " 今年" + age + "岁")
}
}//弹出输入框 ，有提示prompt("文本","默认值")
调用带参数的函数
<html>
<head> <script type="text/javascript">
function myfunction(txt)
{
alert(txt)
}
</script> </head>
<body> <form>
<input type="button" onclick="myfunction('您好！')" value="调用函数">
</form> <p>通过点击这个按钮，可以调用一个带参数的函数。该函数会输出这个参数。</p> </body>
</html>
用返回值传参
<html>
<head> <script type="text/javascript">
function myFunction()
{
return ("您好，祝您愉快！")
}
function product(a,b)
{
return a*b
}
</script> </head>
<body> <script type="text/javascript">
document.write(myFunction());
document.write(product(6,5));
</script> <p>用返回值传参</p> </body>
</html>
for循环
<script type="text/javascript">
var a=0;
for (i = 0; i <= 5; i++)
{
a=a+i;
}
document.write(a)
</script>
while循环
i = 0
while (i <= 5)
{
document.write("数字是 " + i)
document.write("<br />")
i++
}
do-while循环
i = 0
do
{
document.write("数字是 " + i)
document.write("<br />")
i++
}
while (i <= 5)
break跳出循环
<script type="text/javascript">
var i=0
for (i=0;i<=10;i++)
{
if (i==3){break}
document.write("数字是 " + i)
document.write("<br />")
}
</script>
continue中断当前循环执行下一步
<script type="text/javascript">
var i=0
for (i=0;i<=10;i++)
{
if (i==3){continue}
document.write("数字是 " + i)
document.write("<br />")
}
</script>
使用for-in遍历数组
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "宝马"
mycars[1] = "奔驰"
mycars[2] = "宾利" for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
使用for循环遍历数组
for (var i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}
解析字符串返回浮点数
<script type="text/javascript">
document.write(parseFloat("10")) //10
document.write(parseFloat("10.00")) //10
document.write(parseFloat("10.33")) //10.33
document.write(parseFloat("34 45 66")) //34 45 66
document.write(parseFloat(" 60 ")) //60
document.write(parseFloat("40 years")) //40
document.write(parseFloat("He was 40")) //NAN
document.write(parseFloat("3.14"))//3.14
document.write(parseFloat("314e-2"))//3.14
document.write(parseFloat("0.0314E+2"))//3.14
document.write(parseFloat("3.14more non-digit characters"))//3.14
</script>
parseFloat 将它的字符串参数解析成为浮点数并返回。如果在解析过程中遇到了正负号（+ 或 -）、数字 (0-9)、小数点，或者科学记数法中的指数（e 或 E）以外的字符，则它会忽略该字符以及之后的所有字符，返回当前已经解析到的浮点数。同时参数字符串首位的空白符会被忽略。
如果参数字符串的第一个字符不能被解析成为数字，则 parseFloat 返回 NaN。
onmouseover动画
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="/i/eg_mouse.jpg"
}
function mouseOut()
{
document.b1.src ="/i/eg_mouse2.jpg"
}
</script>
</head> <body>
<a href="/index.html" target="_blank">
<img border="1" alt="Visit W3School!" src="/i/eg_mouse2.jpg" name="b1" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
</body>
javascript 学习随笔1的更多相关文章
- javascript学习随笔(二)原型prototype
JavaScript三类方法: 1.类方法:2.对象方法:3.原型方法;注意三者异同 例: function People(name){ this.name=name; //对象方法 this.Int ...
- javascript 学习随笔7
<head> <title>标题页-学无忧(www.xue51.com)</title> <script language="JavaScript& ...
- javascript 学习随笔
var carname="Volvo"; var carname; 重新声明变量后变量的值不变,在这里还是volvo var carname="Volvo"; ...
- javascript 学习随笔3
<html> <head> <script type="text/javascript"> function startTime() { var ...
- javascript 学习随笔2
<html> <head> <script type="text/javascript"> function writeText(txt) { ...
- javascript 学习随笔6
改变html内容 document.getElementById("p1").innerHTML="New text!"; var element=docume ...
- JavaScript ES6 数组新方法 学习随笔
JavaScript ES6 数组新方法 学习随笔 新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数 有返回true var ...
- typeScript学习随笔（一）
TypeScript学习随笔(一) 这么久了还不没好好学习哈这么火的ts,边学边练边记吧! 啥子是TypeScript TypeScript 是 JavaScript 的一个超集,支持 es6 标准 ...
- jquery学习随笔
转)jquery学习随笔(jquery选择器) jQuery的选择器是CSS 1-3,XPath的结合物.jQuery提取这二种查询语言最好的部分,融合后创造出了最终的jQuery表达式查询语言. ...
随机推荐
- removeCss
(function ($) { //删除元素行内style中单个style和多个style //示例: //$(".b").removeCss("color") ...
- PHP_Yii框架_专辑<一>
一.PHP主流框架 cakephp—速度比较慢.CI(codeIgniter)—小型.symfony. TP(thinkphp)—国人开发.小型.zendframework(官方)—大型 Yii: 特 ...
- codeforces 613A. Peter and Snow Blower
题目链接 给一个多边形, 一个多边形外的定点, 求这个点距离多边形的最短距离和最长距离. 最长距离肯定是和某个顶点的连线, 而最短距离是和点的连线或是和某条边的连线. 对于一条边上的两个点a, b, ...
- [转]Swift 编程语言入门教程
今天在网上看到一篇非常好的教程,分享给大家 原文地址:http://gashero.iteye.com/blog/2075324 目录 1 简介 2 Swift入门 3 简单值 4 控 ...
- Spring学习笔记1——IOC: 尽量使用注解以及java代码（转）
在实战中学习Spring,本系列的最终目的是完成一个实现用户注册登录功能的项目. 预想的基本流程如下: 1.用户网站注册,填写用户名.密码.email.手机号信息,后台存入数据库后返回ok.(学习IO ...
- ThinkPHP 3.1.2 模板中的变量
一.变量输出 (重点) 1.标量输出 2.数组输出 {$name[1]} {$name['k2']} {$name.k1} 3.对象输出 {$name:k} {$name->k} 二.系统变量 ...
- 【源码】实现Android闹钟功能使用HTML+JS，并附带Alarm代码分享
先是开发手册中最终功能的实现函数,再是Alarm接口的源码. 参数: argu:型如“key1=value1;key2=value2;......”的参数表.首先,该参数表支持 rexseeNotif ...
- SQL 注入与防御实例
注入 1. 创建存储 USE TSQL2012; GO IF OBJECT_ID('Sales.ListCustomersByAddress') IS NOT NULL DROP PROCEDURE ...
- iOS系统原生二维码条形码扫描
本文讲述如何用系统自带的东东实现二维码扫描的功能:点击当前页面的某个按钮,创建扫描VIEW.细心的小伙伴可以发现 title被改变了,返回按钮被隐藏了.这个代码自己写就行了,与本文关系不大...绿色的 ...
- man命令重定向后有^H乱码问题
在 man ld.so>ld.so后 vim打开ld.so后出现重叠乱码问题 但是cat.less可以正常查看 解决办法: man ld.so|col -b >ld.so col命令是 ...