JavaScript基础教程笔记(一)

这篇博客介绍了JavaScript的基础知识,包括如何在HTML中插入JavaScript代码,变量定义,函数,输出内容的方法如document.write,警告对话框alert,确认对话框confirm,提问对话框prompt,窗口操作如window.open和window.close,DOM操作如getElementById和innerHTML,以及样式和类名的控制。还提供了一些代码实践示例。
摘要由CSDN通过智能技术生成

        所有的主流浏览器都支持JavaScript,它可以让网页呈现各种动态效果。

        可使用<script>标签(成对出现)在HTML网页中插入JavaScript代码。把JavaScript代码写在<script></script>之间。

        <script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。

        可使用<script>标签在HTML文件中添加JavaScript代码,也可以单独创建JavaScript(简称JS文件),其文件后缀通常为.js,然后将JS代码直接写在JS文件中。

内嵌式js代码:

<script type="text/javascript">
     alert("JS代码");
</script>

引用JS外部文件:

1)index.html文件

<script src="script.js"></script>

2)script.js文件

alert("JS代码");

        JavaScript作为一种脚本语言可以放在html页面中任何位置,一般放在网页的head或body部分。但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。

        每一句JavaScript都必须以英文分号结束。

        单行注释://

        多行注释:/*   */

1、变量

        定义变量使用关键字var:

var 变量名

        变量名可以任意取名,但要遵循命名规则:变量必须使用字母、下划线(_)或者美元符($)开始,可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成,不能使用JavaScript关键词与JavaScript保留字。变量名区分大小写,变量需先声明在赋值。

if(条件)
{ 条件成立时执行的代码 }
else
{ 条件不成立时执行的代码 }

2、函数

function 函数名()
{
     函数代码;
}

3、输出内容——document.write()

        document.write();                                         //可直接向HTML输出流写内容。

        document.write(“输出内容”);                        //直接输出””里面的内容

        document.write(mystr);                                //输出变量内容

        document.write(“输出内容”+mystr);             //组合输出

        document.write(mystr+”<br>”);                    //输出HTML标签

4、警告——alert 消息对话框

        alert(字符串或变量);

        alert弹出消息对话框小窗口(包含一个确定按钮),上面写着一段提示信息文字,如果不点击“确定”,就不能对网页做任何操作。

5、确认——confirm 消息对话框

        confirm 消息对话框通常用于允许用户做选择的动作,如:“是否?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。

        confirm(str);   //str:在消息对话框中要显示的文本

                              //返回值:Boolean值,点击确定时候返回true,点击取消时返回false

6、提问——prompt消息对话框

        prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值