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必须要小写。

 

posted @   小鱼爱飞  阅读(286)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示