学习JavaScript笔记

简介: 学习JavaScript笔记

可以将脚本放置于  或者 中,放在  标签中的脚本与外部引用的脚本运行效果完全一致。</div><div>myScript.js 文件代码如下:</div><div style="background-color: #F9F9F9;"><span style="color: green;">function</span><span style="color: gray;"> </span><span style="color: #0055AA;">myFunction</span><span style="color: olive;">(</span><span style="color: olive;">)</span><span style="color: gray;"></span><span style="color: olive;">{</span><span style="color: gray;">    </span><span style="color: teal;">document</span><span style="color: gray;">.</span><span style="color: #0055AA;">getElementById</span><span style="color: olive;">(</span><span style="color: #8B0000;">"</span><span style="color: #AA1111;">demo</span><span style="color: #8B0000;">"</span><span style="color: olive;">)</span><span style="color: gray;">.</span><span style="color: #0055AA;">innerHTML</span><span style="color: gray;">=</span><span style="color: #8B0000;">"</span><span style="color: #AA1111;">我的第一个 JavaScript 函数</span><span style="color: #8B0000;">"</span><span style="color: gray;">;</span><span style="color: olive;">}</span></div><div data-card-type="block" data-ready-card="table" data-card-value="data:%7B%22rows%22%3A1%2C%22cols%22%3A2%2C%22html%22%3A%22%3Ctable%20class%3D%5C%22lake-table%5C%22%20style%3D%5C%22width%3A%20834px%3B%5C%22%3E%3Ccolgroup%3E%3Ccol%20width%3D%5C%2234%5C%22%20span%3D%5C%221%5C%22%20%2F%3E%3Ccol%20span%3D%5C%221%5C%22%20width%3D%5C%22800%5C%22%20%2F%3E%3C%2Fcolgroup%3E%3Ctbody%3E%3Ctr%20style%3D%5C%22height%3A%2033px%3B%5C%22%3E%3Ctd%20style%3D%5C%22color%3A%20%23000000%3B%5C%22%3E%3Cp%3E%3Cbr%20%2F%3E%3C%2Fp%3E%3C%2Ftd%3E%3Ctd%3E%E5%A4%96%E9%83%A8%E8%84%9A%E6%9C%AC%E4%B8%8D%E8%83%BD%E5%8C%85%E5%90%AB%20%26lt%3Bscript%26gt%3B%20%E6%A0%87%E7%AD%BE%E3%80%82%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftbody%3E%3C%2Ftable%3E%22%2C%22margin%22%3Afalse%2C%22hideBorder%22%3Afalse%2C%22id%22%3A%22phpCj%22%7D"></div><div><br /></div><div><br /></div><div style="text-align: left;"><strong>注意细节:</strong></div><div style="text-align: left;">1、在标签中填写 onclick 事件调用函数时,不是 <strong>onclick=函数名</strong>, 而是 <strong>onclick=函数名+()</strong>,代码如下:</div><div><span style="color: #000088;"><script></span><span style="color: #000000;"> </span></div><div><span style="color: #000088;">function</span><span style="color: #000000;"> myfunction</span><span style="color: #666600;">(){</span><span style="color: #000000;"></span></div><div>    document<span style="color: #666600;">.</span><span style="color: #000000;">getElementById</span><span style="color: #666600;">(</span><span style="color: #008800;">"demo"</span><span style="color: #666600;">).</span><span style="color: #000000;">innerHTML</span><span style="color: #666600;">=</span><span style="color: #008800;">"onclick事件触发"</span><span style="color: #666600;">;</span><span style="color: #000000;"></span></div><div><span style="color: #666600;">}</span><span style="color: #000000;"></span></div><div><span style="color: #000088;">



   id="demo">一个段落

   onclick="myfunction()"type="button">点击这里


2、外部 javascript 文件不使用

目录
相关文章
|
6月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
6月前
|
前端开发
个人征信PDF无痕修改软件,个人征信模板可编辑,个人征信报告p图神器【js+html+css仅供学习用途】
这是一款信用知识学习系统,旨在帮助用户了解征信基本概念、信用评分计算原理及信用行为影响。系统通过模拟数据生成信用报告,涵盖还款记录
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
361 0
|
7月前
|
JavaScript 数据可视化 前端开发
three.js简单实现一个3D三角函数学习理解
1.Three.js简介 Three.js是一个基于JavaScript编写的开源3D图形库,利用WebGL技术在网页上渲染3D图形。它提供了许多高级功能,如几何体、纹理、光照、阴影等,以便开发者能够快速地创建复杂且逼真的3D场景。同时,Three.js还具有很好的跨平台和跨浏览器兼容性,让用户无需安装任何插件就可以在现代浏览器上观看3D内容。
255 0
|
Web App开发 JavaScript 前端开发
如何学习JavaScript?
如何学习JavaScript?
263 5
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
162 2
|
存储 JavaScript 前端开发
JavaScript学习第一章
本文档介绍了JavaScript的基础知识,包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性,以及JavaScript中的变量类型(`var`、`let`、`const`)和数据类型(基本数据类型与引用数据类型)。通过实例代码详细解释了JavaScript的核心概念,适合初学者入门学习。
185 1
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
141 2
|
JavaScript 前端开发 容器
js之dom学习
js之dom学习
213 0