JavaScirpt学习经历

最新推荐文章于 2019-06-14 16:17:06 发布

米斯特昂

最新推荐文章于 2019-06-14 16:17:06 发布

阅读量449

点赞数

分类专栏：菜鸟学习

本文链接：https://blog.csdn.net/CSDN_GOON/article/details/49685631

版权

菜鸟学习专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<body>
<script>
document.write("<h1>Hello World</h1>");
</script>
</body>
</html>

这个函数直接在html页面输出，大家最常见的就是helloworld~

如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖
所以这个函数是在文档加载过程中使用为宜！

<!DOCTYPE html>
<html>
<body>

<p id="demo">
根据ID找到相应的文字
</p>

<script>
function myFunction()
{
x=document.getElementById("demo");  // 找到元素通过它的ID，所以里面是demo
x.innerHTML="Hello JavaScript!";    // 改变后的内容
}
</script>
<!--这里有个习惯问题，如果页面是动态的，这个脚本应该在p标签被创建之后，所以脚本位置靠后比较好-->
<button type="button" onclick="myFunction()">点击这里</button>

</body>
</html>

最关键的识别一个botton标签，在按钮里面添加一个onclick事件（点击之后调用函数），目前的功能，就是鼠标点击一下按钮id=demo的那对P标签内的内容变成 hello javascript。我们如果把 botton标签里面换成

<button type="button" onclick="alert('Welcome!')">点击这里</button>

那么就直接弹出来一个告警welcome，总之意思就是点击后执行！

<!DOCTYPE html>
<html>
<body>

<input id="demo" type="text">

<script>
function myFunction()
{
var x=document.getElementById("demo").value;
//这里可以学习到的是变量名的定义 var 
//语法有点儿像C++的对象访问,打点！
//比如getElementById().value document.write
if(x=="love") //获取页面内的值，做一定的处理，而不刷新页面，不同于form表单的提交
    {
    alert("123");
    }
}
</script>

<button type="button" onclick="myFunction()">点击这里</button>

</body>
</html>

说一下注释风格~

<!--这个是html页面的注释-->

// C++ PHP js 都是用这个作为行间注释
/* 这个是多行注释*/

变量定义都还是蛮简单的

var a = 56;           // x 为数字
var x = "mrgoon";      // x 为字符串
var sonw=new Array(); // 数组定义
snow[0]="cold";
snow[1]="very cold";
snow[2]="die";

for (i=0;i<snow.length;i++) //数组循环操作可以直接写 arrayname.length 获取循环次数

var host={ //对象的定义
firstname : "Go",
lastname  : "on",
id        :  123123
};

host.name; //对象的访问，这个和C++是一致的，我喜欢！
host["name"]; // 这个就有点像数组了~

var myname=new String;  //声明变量类型
var x=      new Number; 
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

妈蛋哦，才知道面向对象多用驼峰式命名法，加下划线的比较少- -

<button onclick="myFunction('mrgoon','loves cat')">点击这里</button>

<script>
function myFunction(name,words)
{
alert(name+" says "+"He " +words);
}
</script>

（本例输出mrgoon say He loves cat ，字符串相加）
这里有3个注意的东西
1 带参数的函数里面的变量，直接就是变量名，没有其他符号
2 连接符用+ 号
3 传一个字符串用单引号即可（规则和php一致）

如果把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。
这个句子

myname = "mrgoon" ;

将声明一个全局变量 myname，即使它在函数内执行。

米斯特昂

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScirpt学习经历

<!DOCTYPE html><html><body><script>document.write("<h1>Hello World</h1>");</script></body></html>这个函数直接在html页面输出，大家最常见的就是helloworld~如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖所以这个函数是在文档加载过程中使用
复制链接

扫一扫