三种输出方式
1.document.write(" xxx");
2.alert()浏览器的提示框(只有一个确定按钮)。
在alert输出方式中,输出内容都是以字符串格式进行输出的,执行方式是,先将alert括号里面的内容转换成字符串格式的,然后
再进行输出
alert(1+1); 输出的结果是字符串2
alert("珠峰培训"); 在JS中用单引号和双引号包裹起来的都是字符串。
alert(1)提示的结果是字符串(它会把数字转化为字符串)。
alert(true)提示的结果是字符串true。
alert([1,2,3])提示的结果是1,2,3,不再是数组了,它会把数组转换成字符串了。
alert({name:'小明',age:28})提示的字符串[object Object],不是之前的对象了,把字符串转换成对象了
3.通过变量输出
定义变量内容,输出变量
html插入内部JavaScript
<script type="text/javascript"> //文本类型(text),代码语言JavaScript 此行代码告诉计算机识别JavaScript代码
代码段
</script>
html中外部JavaScript
<script src="xxx.js"></script> 其要定义的样式在xxx.js文件中书写
变量 var
函数function
confirm确认对话框
1.消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。
2.当用户点击"确定"按钮时,返回true 当用户点击"取消"按钮时,返回false
prompt默认互动
1.prompt(str1, str2);
2.str1: 要显示在消息对话框中的文本,不可修改
str2:文本框中的内容,可以修改
3.确定返回函数值,取消返回null
打开新窗口
1.
window.open([URL], [窗口名称], [参数字符串])//每个元素都用单引号
2.其中窗口名称可定义
_blank:在新窗口显示目标网页
_self:在当前窗口显示目标网页
_top:框架网页中在上部窗口中显示目标网页
3.参数字符串
通过ID获取元素
document.getElementById(“id”)
输出结果会是返回元素对象,这是因为同Android一样,搜索iD时只会返回对象本身
若是需要对象中的内容,则末尾添加.innerHTML 即
document.getElementById(“id”) .innerHTML
捕捉元素后,修改元素属性
<p id="pcon">Hello World!</p>
<script>
var mychar = document.getElementById("pcon"); //捕捉对象
mychar.style.color="red"; //修改元素属性,其元素名称和CSS语法相同
mychar.style.fontSize="20";
mychar.style.backgroundColor ="blue";
</script>
隐藏或显示文字段内容----diaplay
xxx.style.display="none";//隐藏
xxx.style.display="block";//显示