JavaScript的编写位置

@JavaScript学习——001

一、JavaScript学习的内容

  1. ECMAScript
  2. DOM
  3. BOM

二、输出语言

1. 控制浏览器弹出一个警告框——alert()

alert("黄河之水天上来");

2. 让计算机在页面中给出一个内容

(1)document.write():向body输出一个内容

 document.write("奔流到海不复回");
 

(2)console.log():向控制台输出内容

console.log("醉翁之意不在酒");

三、js代码写在何处(js中严格区分大小写)

3.1 onclick

可以将JS代码编写到标签的onclick熟悉中,当我们点击按钮时,js才会生效

 <button onclick="alert('点我试试')">点我一下</button>

3.2超链接标签

可以将js代码写在超链接的herf属性中,主要点击超链接时,会执行js代码

<a href="javascript:alert('让你点你就点')">点我一下</a>
  <a href="javascript:">点我一下</a>

可以将js代码编写在script标签

3.3scrpt标签引入外部js文件

写到外部文件中可以在不同的页面中同时引用,也可以用到浏览器的缓存机制

 <script type="text/javascript" src="./001.js"></script>

script标签一旦用于引入外部文件了,就不能在编写代码,即使编写了也会忽略。如果需要可以再创建一个新的script标签用于编写内部代码

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 是一种非常流行的编程语言,广泛用于 Web 程序的开发。下面是使用 JavaScript 编写 Web 程序的基本步骤: 1. 在 HTML 页面中嵌入 JavaScript 代码:可以使用 `<script>` 标签来嵌入 JavaScript 代码。这些代码可以放在 HTML 页面的 `<head>` 或者 `<body>` 标签中。例如: ```html <html> <head> <title>My Web Page</title> <script> // JavaScript 代码 </script> </head> <body> <!-- 页面内容 --> </body> </html> ``` 2. 处理用户输入:JavaScript 可以监听用户的事件,例如点击按钮、输入文本等等。通过编写相应的事件处理函数,可以实现对用户输入的响应。例如: ```html <button onclick="alert('Hello World!')">Click me</button> ``` 这段代码会在用户点击按钮时弹出一个对话框,并显示 "Hello World!"。 3. 操作页面内容:JavaScript 可以通过操作 HTML 元素来动态修改页面内容。例如: ```html <div id="myDiv">Hello World!</div> <script> var myDiv = document.getElementById("myDiv"); myDiv.innerHTML = "Hello JavaScript!"; </script> ``` 这段代码会在页面加载完成后,将 `<div>` 元素中的文本从 "Hello World!" 修改为 "Hello JavaScript!"。 4. 与后端通信:JavaScript 可以通过 AJAX 技术与后端进行异步通信,实现动态更新页面内容。例如: ```javascript // 发送 GET 请求 var xhr = new XMLHttpRequest(); xhr.open("GET", "/api/data", true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var data = JSON.parse(xhr.responseText); // 处理返回的数据 } }; xhr.send(); ``` 这段代码会向后端发送一个 GET 请求,获取数据后再在回调函数中对数据进行处理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值