您的位置：首页 > Web前端 > JavaScript

javaScript基础语法01-上下2部分

2017-05-02 21:05 585 查看 


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>javaScript基础语法01</title>
<script type="text/javascript">
/*
这里是多行注释
javascript代码可以放在任何地方和位置都可以，一般放在head标签里面，javascript代码放在head标签中不利于搜索引擎搜索到，如果是做后台页面程
序的话，可以放在head标签中，因为我们不希望我们的后台页面被搜索引擎搜索到,如果是前台页面的话，我们需要我们的网页被搜索引擎搜索到(SEO优化)，我们可以把javascript代码放到整个页面的最底下，这样有利于搜索引擎搜索。搜索引擎是从网页的上面往下搜索的，javascript代码放在head标签里面的话会影响到搜索引擎的搜索效率。
*/

//这里是单行注释
//document是内置对象，可以这么去理解，内置对象即是可以不用声明就可以使用的对象，document在页面中使用的太频繁了，所以document可以直接使用，不需要声明
document.write("hello world!<br>");//打印指定的文本内容到页面上,也可以打印html标签
//也可以打印标签，如document.write('test<br>');
document.write('<font size="18">hello javascript!</font><br>');
document.write("my name is jiongjiong!<br>");
/*
javaScript中是区分大小写的，比如document.write()写成document.Write()就不行
*/

//javascript是弱类型的脚本语言，javascript中不声明变量也可以直接使用变量，如下
myName = "张三";//没有声明变量myName，但是却可以直接使用变量myName，这也证明了javascript是弱类型的语言，语法不严格
//虽然在javascript中可以不声明变量就直接使用变量，但是最好还是用var关键字来声明变量
document.write("myName = " + myName);
document.write("<br>");
var address = "江西省赣州市于都县";
document.write("address = " + address);
document.write("<br>");
// alert();提示信息，类似于messageBox
//alert('类似于messageBox');
//alert("messageBox");
//声明变量全部使用var修饰符关键字，你可以把var理解成java中的Object类型，你可以这么理解
//赋予什么值就是什么类型
var a, b, c;
a = "12"; // 字符串
b = 10; // 整数
c = 15.66; // 小数
document.write(a + b); //字符串和数字相加还是字符串
document.write("<br>");
document.write(parseInt(a) + b); //把字符串转换成数字，使用parseInt()函数或者parseFloat()函数
document.write("<br>");
document.write(b + c); //2个数字相加还是数字

</script>
</head>
<body>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>javaScript基础语法01</title>
<script type="text/javascript">

var myName = "jerry";//全局变量(跟java中一样)
document.write("hello");
//调用方法(一般不会在这里调用方法，而是在各种各样的事件中调用方法)
//testFun();
//JavaScript中使用function关键字定义方法
function testFun(){
alert("我是message!");
return "返回字符串！";
}

//声明方法时，参数列表中不需要数据类型，只要参数名称即可，如下
function test2(number1, number2){
alert(number1 + number2);
var str = testFun();
alert(str);
}
//该方法需要传一个参数进去，但是不传参数，这样调用test3()方法也可以调用，但是最好不要出现这样的代码
function test3(number){
var b = 20;
//var myName = "jack";//局部变量(跟java中一样)
alert(myName);
alert("aaa");
alert("b = " + b);
//alert(b + number);
//alert("number = " + number);

for (var i = 1; i <= 10; i++) {
document.write("<hr width='"+ i * 10 +"%' color='blue'>")
}

}
//循环，if ,else,switch等，用法基本上跟java差不多
for (var i = 1; i <= 10; i++) {
document.write("<hr width='"+ i * 10 +"%' color='red'>")
}

//javaScript中是区分大小写的，比如调用testFun()方法，你要是把testFun()写成testfun()就没效果

//id为userName的控件还没加载出来就去获取该控件，肯定获取不到该控件，除非等该控件加载完之后再去获取该控件就没问题
//alert(document.getElementById("userName").value);
</script>
</head>
<body>
my name is
<script type="text/javascript">
document.write("test");
</script>
zhangsan!
<input type="text" id="userName" value="张三"><br>
<input type="button" value="点击我调用testFun()方法" onclick="testFun()"><br><br>
<input type="button" value="点击我调用test2()方法" onclick="test2(15,20)"><br><br>
<input type="button" value="点击我调用test3()方法" onclick="test3()"><br><br>
</body>
</html>




内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航