JavaScript 定义2个变量，里面的内容分别是“苹果”和“凤梨”，然后在控制台输出，接下来把这两个变量交换，然后再输出到页面。

JavaScript是一种高级的、解释执行的编程语言，它广泛用于网页开发中，负责网页的动态效果和前后端的数据交互。以下是定义两个变量并进行内容交换的代码示例：

// 定义变量
var fruit1 = "苹果";
var fruit2 = "凤梨";

// 输出到控制台
console.log("原始水果：", fruit1, fruit2);

// 在控制台交换变量内容
fruit1 = fruit1 + fruit2;
fruit2 = fruit1 - fruit2;
fruit1 = fruit1 - fruit2;

// 再次输出到控制台确认交换结果
console.log("交换后的水果：", fruit1, fruit2);

// 将交换后的结果输出到页面中
document.write("页面显示的水果：", fruit1, "<br>", fruit2);

这段代码首先在JavaScript环境中定义了两个变量`fruit1`和`fruit2`，分别赋予字符串"苹果"和"凤梨"。接着使用`console.log`方法将变量内容输出到控制台中。然后通过加减运算进行变量内容的交换，这里的关键是利用了加法和减法的特性来避免直接赋值交换可能带来的错误。最后，使用`document.write`方法将交换后的结果输出到HTML页面中。