[第六季]2.Javascript代码在网页中出现的位置

来源：互联网发布：snmpwalk 软件下载编辑：程序博客网时间：2024/05/17 16:02

4.复习笔记(这个就是课后习题以及课程所呈现的需求)

①两个地方写脚本(调用函数),一个是在head上写,另外一个是js脚本写,但是到现在为止还没有调用文本框里面的文字.
②接下来我要调用文本框里面的内容,第一种方法是通过名字,名字可能有很多个,所以获得结果是数组,要指定数组好;第二种方法是通过id号,id号是唯一的,获得的就是id内容,就不需要指定数组.

5.自测代码

2.课堂笔记

(2)在js脚本上写函数function sayHello(){    alert("你好js");}拖进去<script type="text/javascript" src="myjs.js"></script></head>调用<input type="button" value="问候" onClick="sayHello();"/>2.调用对象里面的值 javascript 操作网页上元素  文档元素  文件对象模型 Document Object Model，简称DOM(1)这里讲的是调用窗体(forms,张老师讲的是表单,其实是一样的东西)立面控件的内容.js文件:function sayHello(){    alert("你好,"+document.forms[0].xm.value);}3.没有表单怎么去找一个元素(1)第一种方法是通过名字,名字可能有很多个,所以获得结果是数组,要指定数组好.第二种方法是通过id号,id号是唯一的,获得的就是id内容,就不需要指定数组.<body>请输入姓名:<input type="text" name="xm" id="xm"/><br /><input type="button" value="问候" onClick="sayHello();"/></body>function sayHello(){    alert("你好,"+ document.getElementsByName("xm")[0].value );}<body>请输入姓名:<input type="text" name="xm" id="xm"/><br /><input type="button" value="问候" onClick="sayHello();"/></body>function sayHello(){    alert("你好222,"+ document.getElementById("xm").value);}

3.课程效果图

这里写图片描述

1.代码

取消form标签代码

<body>请输入姓名:<input type="text" name="xm" id="xm"/><br /><input type="button" value="问候" onClick="sayHello();"/></body>

test1代码

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>这是一篇测试文档</title><script type="text/javascript" src="myjs.js"></script></head><body>请输入姓名:<input type="text" name="xm" id="xm"/><br /><input type="button" value="问候" onClick="sayHello();"/></body></html>

阅读全文

0 0