1、新建一个HTML文件，保存为test.html，用于编写代码实现拖放功能 。
2、在test.html添加一个div标签，并且给它一个id，用于下面编写样式。
3、通过div的id , 给div定义CSS样式，例如，把div定义为一个带边框的长方形。下面将实现将图片拖放在这个长方形中。
4、在div的下面定义一张被拖放图片，并设置该图片的属性为允许被拖放。
5、在被拖放的图片上加上一个ondragstart事件，即图片被拖动时触发这个事件。再给事件一个函数，用于拖动图片时，把图片保存在一个变量中。
6、运行代码，在浏览器中查看结果：至此，完成了使用JS实现拖放图片到div中的功能。
使用jquery： var $div=$('')var content="动态创建的内容"$div.html(content) //会替换所有子元素或文本节点使用javascript：var div = document.createElement('div')var content = document.createTextNode("动态创建的内容")div.appendChild(content)1、先在一个文件目录下创建四个html文件，分别为index.html、page1.html、page2.html、page3.html。
2、接着用可编辑文本文件的软件打开四个html文件。如图先在index.html中加入三个div。
3、接着如图编写js代码，使得点击指定div后跳转指定页面。
4、其他三个html文件只是简单显示一下信息，三个文件的内容如图。
5、编辑完后，用浏览器打开index.html文件，结果如图。
6、点击第一个div，效果如图。
7、点击第二个div，效果如图。这样就成功用js实现点击指定div后跳转到指定页面了。
