Đang chuẩn bị liên kết để tải về tài liệu:
the book of javascript 2nd edition phần 5

Ebook này sẽ cung cấp thêm cho các bạn yêu thích lập trình Javar thêm nhiều thông tin lí thú. Tổng quan về JavaScript, Sử dụng JavaScript, Hàm và đối tượng, Tạo đối tượng trong JavaScript, Sự kiện trong JavaScript. | The pages in Figure 10-3 are set next to each other because o in Figure 10-2 tells the browser to set up two frames arrange them in columns and make the first column take up 30 percent of the page and the second column the rest of the page. Adding more percentages their sum can t exceed 100 to the cols element adds more frames to the page. Alternatively using the rows element stacks frames on top of each other. You can tweak frame sets in dozens of ways. Any good book about HTML devotes a chapter to them. The two lines after o tell the browser which HTML pages to load into each frame. Line loads navigation.html into the first frame named nav and the next line loads content.html into the second frame named contents . Line closes the frame set. Notice that you don t use body tags in defining a frame set. The next two HTML pages are standard web pages. The first page navi-gation.html contains three links each leading to a news site. Clicking a link loads the contents into the contents frame because each link contains the element target contents see . We ll see shortly how to use JavaScript to do the same thing. Frames and JavaScript In HTML the only way an action in one frame can change the contents of another is through standard HTML links. Fortunately JavaScript allows you to expand your repertoire of frame tricks immensely. The JavaScript in Figure 10-4 for example makes the contents of the right frame change when a visitor mouses over one of the links on the left. The pages index.html and content.html are the same as in Figure 10-2 only navigation.html has changed. navigation.html html head title Nav title script type text javascript -- hide me from older browsers o function changeContents the_url var content_frame parent.contents content_frame.location the_url show me -- script head body h1 News navigation h1 a href http www.wired.com onMouseOver changeContents http www.wired.com Wired News a br a href http www.news.com onMouseOver changeContents http .