11.23JavaScript学习打卡

最新推荐文章于 2024-09-29 11:29:55 发布

dongfan7488

最新推荐文章于 2024-09-29 11:29:55 发布

阅读量108

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/QiLF/p/7887593.html

版权

JavaScript：
轻量级编程语言，脚本语言，被设计为向HTML页面增加交互性
HTML中的脚本必须位于<script></script>之间，脚本可被放在<body><head>部分中
也可使用外部脚本<script type="text/javascript" src="">
1.写入HTML输出
document.write("<h1>内容</h1>");
只能在 HTML 输出流中使用 document.write（）;
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
2.对事件做出反应
<button type="button" οnclick="alert('Welcome!')">点击</button>
3.改变HTML内容
查找元素 x=document.getElement("demo");
改变内容 x.innerHTML="Hello JavaScript"
<script>
function myFunction()
{
x=document.getElementById("demo");
x.innerHTML=" ";
}
</script>
4.改变图像
function changeImage()
{
element=document.getElementById("");
if(element.src.match(""))
{
element.src="url1";
}
else
{
element.src="url2";
}
}
5.改变HTML样式
function changestyle
{
x=document.getElementById();
x.style.color="";
}
6.验证输入
<input id="" type="text">
<script>
function myFunction()
{
var x=document.getELementById().value;
if(x==""||isNaN(x)判断是否为非数字值)
{
alert(" ");
}
}
</script>
7.JavaScript函数和事件
把JavaScript代码放在函数中，在事件发生时调用该函数