javascript的日常代码
1. 直接输出文字: document.write("<显示的类型>显示文字</类型>");
<script>
document.write("<h1>This is a heading</h1>"); //This is a heading以h标题字形式显示
document.write("<p>This is a paragraph.</p>"); / /This is a paragraph.以p普通文字形式显示
</script>
2. 弹出对话框, alert('XXX') 里面的内容是xxxxx
<button type="button" onclick="alert('Welcome!')">点击这里</button> //此代码生成一个代码,并且按一下这个按钮弹出welcome字眼的对话框。
3.单击按钮改变文字(生成一个按钮,一按这个按钮,文字 JavaScript 能改变 HTML 元素的内容 就转变为 Hello JavaScript! )
<body>
<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素,这2句代码是换文字关键,必须以函数形式function A(){}表达,
//最左边的x可以随便命名,x的到id为demo的所有内容,就是得到 文字JavaScript 能改变 HTML 元素的内容。
x.innerHTML="Hello JavaScript!"; //这个x是运用x得到的文字内容去修改,并输出
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
4. 获取按钮上的文字内容
<input type="text" id="button1" value="Click Me"/> //value是按钮显示的内容
那么当调用document.getElementById("button1").value的时候,返回的就是"Click Me"了
//document.getElementById("button1")是获得这个id的按钮,后面的.Value是指获得按钮的显示内容,就是value了, . 是为了指明引用这个id的什么,value必须要小写。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?