javascript(一)初步认识JavaScript

本文介绍了JavaScript的基础知识,包括变量定义、函数使用方法、不同引用方式及如何在HTML中使用JS。此外还详细讲解了输出空格的技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  • JS区分大小写,变量名命名规则和Java一样

一、JavaScript的引用

(1)直接引用

<script type="text/javascript">
     alert("弹出对话框");
</script>

(2)外部引用

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

script.js文件内单独写js代码

如:document.write("输出语句的语法");

(3)直接在HTML标签中

<input name="btn" type="button" value="弹出消息框onclick="javascript:alert('欢迎你');"/>

二、JS的位置

JS 的位置可以在head内也可以在body中,但最好在head中,因为初始化都要求提前运行。

三、JS的变量

 

定义变量使用关键字var

语句格式:

var 变量名;

四、JS的函数

格式:

function 函数名( ){

函数代码;

}

运用:

<body>
   <form><input type="button"  value="点击我" onclick="函数名()" />  
   </form>
</body>

五、JS如何输出空格

因为浏览器显示机制,对于手动敲入的空格,将连续多个空格显示为一个空格

解决方法

1、使用输出html标签&nbsp;来解决

document.write("&nbsp;&nbsp;"+"1"+"&nbsp;&nbsp;"+"2");

2、使用css样式来解决

document.write("<span style='white-space:pre;'>"+“1          3           5”+“</span>");

在输出时添加"white-space:pre;"样式属性,这个样式表示“空白会被浏览器保留”


 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值