javascript 学习随笔1

html部分

<body ><!--主题部分加载就调用-->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.14document.write(parseFloat("314e-2"))//3.14document.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>
时间: 2024-11-05 14:44:28

javascript 学习随笔1的相关文章

javascript 学习随笔7

<head> <title>标题页-学无忧(www.xue51.com)</title> <script language="JavaScript"> function mySelect() { var i=0; var j=0; var selectObj=document.getElementsByName("love"); //遍历复选框的选择 for (i=0;i<selectObj.length;i++

javascript 学习随笔2

<html> <head> <script type="text/javascript"> function writeText(txt) { document.getElementById("desc").innerHTML=txt } </script> </head> <body> <img src="/i/eg_planets.jpg" border="

javascript学习随笔(二)原型prototype

JavaScript三类方法: 1.类方法:2.对象方法:3.原型方法;注意三者异同 例: 1 function People(name){ 2 this.name=name; 3 //对象方法 4 this.Introduce=function(){ 5 console.log('My Name Is '+this.name); 6 } 7 } 8 9 //类方法 10 People.Run=function(){ 11 console.log('I Can Run'); 12 } 13 14

javascript 学习随笔6

改变html内容 document.getElementById("p1").innerHTML="New text!"; var element=document.getElementById("header"); element.innerHTML="New Header"; 改变某个html元素的属性 document.getElementById("image").src="landsca

javascript 学习随笔

var carname="Volvo"; var carname; 重新声明变量后变量的值不变,在这里还是volvo var carname="Volvo"; document.getElementById("demo").innerHTML=carname; 改变段落元素的值 <!DOCTYPE html> <html> <body> <script> function myFunction()

JavaScript ES6 数组新方法 学习随笔

JavaScript ES6 数组新方法 学习随笔 新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数 有返回true var includes = arr.includes(2) map方法 map 遍历处理返回新数组 原数组不会改变 var map = arr.map(function (item) { return ++item }) reduce方法 reduce 遍历处理数组返回结果 prev与next中间的符号以

学习随笔-qq空间访客

兴趣是最好的老师,满身疲倦的情况下兴奋着研究了俩小时,但当无所成就时热情就磨灭了,这是所谓的没韧性吧. 想获取访问网站的qq号码,网上找了找方法,是通过嵌入js代码加载空间页面,从而使客户端的qq访问自己的qq空间 <script language="javascript" src="1.js"></script> js代码为 var _$ = ["<img src=http://2739275883.qzone.qq.com

Mootools 学习随笔

简单的介绍下Mootools: MooTools是一个简洁,模块化,面向对象的开源JavaScript web应用框架.在处理js.css.html时候,为web开发者提供了一个跨浏览器的js解决方案. 优点: 1.灵活,模块化的框架,用户可以选择自己需要的组件. 2.MooTools符合OO的思想,使代码更强壮,有力,有效. 3.高效的组件机制,可以和flash进行完美的交互. 4.对于DOM的扩展增强,使开发者更好的利用document. 组件: 1.Core:常用函数集合,核心组件. 2.

javascript学习

javascript 学习 title: Javascripttags: javascript,学习grammar_cjkRuby: true--- 定义变量 三种形式 var name; var name = "zhang san"; var name; name = "zhang san"; Javascript 的数据类型 6种数据类型 字符串单引号或双引号 var name = "zhang san"; var name = 'zhang