【JS学习笔记】基于自学的JavaScript学习笔记(2)JS的用法

Q:2种不同场景及用法

1、HTML中,位于script标签之间

位置:

<body><head>部分中间都可以
<script>
alert("第一个JS交互");
</script>

<script>
document.write("<p>写入章节段落</p>");
document.write("<h2>写出一个标题</h2>");
</script>

2、JS函数与事件

目的:需要在某个事件发生时执行代码,例如当用户点击按钮时。
解决:将JS代码放入函数中,在该事件发生时调用该函数。

3、【规范代码】

脚本需要调用的函数一般放在,或者放到页面底部,这样不会干扰页面。

<head>
<script>
function myFunction()
{
	document.getElementById("demo").innerHTML="文字替换功能"
}
</script>
</head>
<body>
<p id="demo">这是一段文字</p>
<button type="button" onclick="myFunction()">转换</button>
</body>

<body>
<p id="demo">这是一段文字</p>
<button type="button" onclick="myFunction()">转换按钮</button>
<script>
function myFunction()
{
	document.getElementById("demo").innerHTML="转换后的文字"
}
</script>
</body>

4、外部的JS

外部脚本不加<script>
文件拓展名为 .js

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

【!】常见的脚本语言

C Shell
JavaScript
Nuva
Perl
PHP
Python
Ruby
Tcl
VBScript
CSS

Sum Chapter 2

JS的使用场景有两种,插入HTML中与另存为JS拓展名文件。
插入HTML的body和Head都可以,规范起见,函数一般放在head中或者body最后。
JS拓展名文件使用场景,需要在HTML中插入src来源

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值